/*鍏ㄧ珯瀛椾綋缇庡寲*/
@font-face{
font-family: 'moe';
src: url('//at.alicdn.com/t/webfont_jq0x47mjt6a.eot'); /* IE9*/
src: url('//at.alicdn.com/t/webfont_jq0x47mjt6a.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//at.alicdn.com/t/webfont_jq0x47mjt6a.woff2') format('woff2'),
url('//at.alicdn.com/t/webfont_jq0x47mjt6a.woff') format('woff'), /* chrome銆乫irefox */
url('//at.alicdn.com/t/webfont_jq0x47mjt6a.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/webfont_jq0x47mjt6a.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}
body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;font-family:"moe";font-weight: normal;letter-spacing: 0;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;color:#555;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}
/*IE*/
.web-ie2018{ font-family: microsoft yahei; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{ display: block;margin: 50px auto;}
.web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/
.index06wrap .index06 .sjmap{ display: none; }
#cnzz_stat_icon_1279368434{ font-size: 12px;color: #9fa3a6;}
#cnzz_stat_icon_1279368434 a{font-size: 12px;color: #9fa3a6;}
.prolistoneinfo li .tlinfo p,.prolistoneinfo li .tlinfo span,.prolistoneinfo li .tlinfo font{ font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 0;width: 100%;}
.prolistoneinfo li .tlinfo img{display: block;width: auto;height: auto;float: left;max-width: 100%;}
#goodcover{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 133%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
#code{ width: 50%;height: auto;background-color: #fff;padding: 10px;position: fixed;top: 50px !important;display: none;left: 25% !important;z-index: 1002;padding: 30px;border-radius: 4px; }
#code #closebt{ color: #666;font-size: 16px;float: right;width: 40px;height: 40px;border: 1px solid #ccc;text-align: center;line-height: 40px;border-radius: 50%;}
#code .wpcf7{}
#code .wpcf7 .wpcf7-form{ display: block;overflow: hidden;width: calc(100% - 100px);margin: 0 auto;}
#code .wpcf7 .wpcf7-form p{ display: block;line-height: 1em;font-size: 15px;font-weight: bold;color: #222;margin: 0 0 5px 0;}
#code .wpcf7 .wpcf7-form p span{ display: block;overflow: hidden;position: relative;margin: 0 0 30px 0;}
#code .wpcf7 .wpcf7-form p span input{ background-color: #f1f2f3;display: block;border: 1px solid #ddd;height: 40px;width: calc(100% - 2px);font-size: 16px;text-indent: 1em;color: #333; font-weight: normal;}
#code .wpcf7 .wpcf7-form p span span{}
#code .wpcf7 .wpcf7-form .more{border: 1px solid #2488cc;width: 130px;height: 36px;line-height: 34px;cursor: pointer;}
#code #closebt:hover{color: #2488cc;border: 1px solid #2488cc;}
#wpcf7-f2464-o1 .ddtt{}
#wpcf7-f2464-o1 .ddtt h3{ display: block;font-size: 26px;font-weight: bold;text-align: center;margin:10px 0;}
#wpcf7-f2464-o1 .ddtt h4{ display: block;text-align: center;color: #333;letter-spacing: 0;font-size: 14px;margin: 30px 0;}
.footerwrap .friendly-links {
cursor: pointer;
outline: none;
width: 188px;
height: 26px;
border: 1px solid #1f6fb5 ;
background: #2677bd url("../images/select_up.png") no-repeat 169px center;
color: #CCCCCC;
font-size: 12px;
appearance: none;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari 鍜� Chrome */
padding-left: 13px;
}
.footerwrap .friendly-links:hover {
background-image: url("../images/select_down.png");
}
.indextitle{text-align:center; padding:80px 0 60px;}
.indextitle h3{font-size: 30px; color: #313233;font-weight: bold;}
.indextitle .top strong{display: block;width: 30px;height: 2px;background-color: #fdd404;margin:20px auto;}
.indextitle .top h4{font-size: 15px;color: #666666;line-height: 26px;}
.habout{width:80%; margin:0 auto; padding:30px 0 120px;}
.habout .box{display:flex; justify-content:space-between; align-items:center; position: relative;}
.habout .img{width:50%; overflow: hidden; position: relative; z-index:2;}
.habout .img img{width:100%; transition: 0.3s;}
.habout .img img:hover{transform: scale(1.1);}
.habout .txt{width:50%; padding:0 3%; font-size:18px; line-height:2; position: relative;}
.habout .box:after{background:#efefef; width:60%; height:120%; right: 0; top:-10%; content:''; position: absolute;}
.habout .box:hover:after{background:#2488cc;}
.habout .txt p{ font-size:18px; line-height:2; text-indent:2em; position: relative; z-index:2;}
.habout .box:hover .txt{color:#fff;}
.bltindexnews{ display: block;width: 80%;margin:0 auto 100px;overflow: hidden;position: relative; }
.bltindexnews .left{ display: block;width:calc(50% - 25px);overflow: hidden;position: relative;float: left;}
.bltindexnews .left p,.bltindexnews .right p{ display: block;overflow: hidden;}
.bltindexnews .left p img,.bltindexnews .right p img{display: block;width: 100%;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.bltindexnews .left dd{ display: block;overflow: hidden;margin: 30px 0 0 0;}
.bltindexnews .left dd h3{display: block;color: #333;font-size: 24px;font-weight: bold; line-height: 26px;}
.bltindexnews .left dd h4{ display: block;font-size: 14px;line-height: 22px;margin: 20px 0;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bltindexnews .right{display: block;width: calc(50% - 25px);overflow: hidden;position: relative;float: right;}
.bltindexnews .right a{ display: block;overflow: hidden;margin: 0 0 50px 0;position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.bltindexnews .right a dd{ display: block;width: 60%;overflow: hidden;}
.bltindexnews .right a dd h3{ line-height: 26px;font-weight: bold; display: block;color: #333;font-size: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bltindexnews .right a dd h4{display: block;font-size: 14px;margin: 16px 0;text-align: justify;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666;}
.bltindexnews .right a p{display: block;overflow: hidden;width: 35%;}
.bltindexnews .right a:last-child{margin:0;}
.bltindexnews .right a .newsmore,.bltindexnews .left .newsmore{ display: inline-block;border-bottom: 2px solid #fdd404;width: auto;padding: 0 0 5px;}
.bltindexnews .right a .newsmore span,.bltindexnews .left .newsmore span{display: block;font-size: 12px;float: left;margin: 0 10px 0 0;color: #333;text-transform: uppercase;}
.bltindexnews .right a .newsmore .fa,.bltindexnews .left .newsmore .fa{ color: #333;font-size: 16px;float: left;}
.bltindexnews .right a h5,.bltindexnews .left h5{ display: block;color: #000;margin: 20px 0;font-size: 14px;}
.bltindexnews a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.bltindexnews a:hover h3,.bltindexnews .right a:hover dd h3{ color:#2488cc; }
@media only screen and (max-width: 1600px){
.bltindexnews{ width:90%; }
.bltindexnews .left dd h3{ font-size: 20px;}
.bltindexnews .left dd h4{-webkit-line-clamp: 2;}
.bltindexnews .right a h5{display: none;}
.bltindexnews .right a dd h3{font-size:16px;}
.bltindexnews .right a{margin: 0 0 30px 0;}
.bltindexnews .right a dd h4{font-size:12px; }
.bltindexnews .right a .newsmore span, .bltindexnews .left .newsmore span{ letter-spacing: -1px;}
}
.innerbanner .hottt{display: block;width: 570px;margin: 20px auto 0;}
.innerbanner .hottt span{ line-height: 24px; display: block;float: left;color: #ddd;font-size: 14px;letter-spacing: 0;}
.innerbanner .hottt a{display: block;float: left;color: #ccc;font-size: 12px;margin:0 10px 10px 0;border: 1px solid #eee;line-height: 20px;padding: 2px 10px;border-radius: 4px;opacity: 0.9;}
.innerbanner .hottt a:hover{ border: 1px solid #fff;color: #fff; }
.nofoundanytihings{ display: block;color: #102f40;letter-spacing: 0;font-size: 20px; margin: 100px 0 0 0;}
.searchlistcenter .p-yjy-center .p-kn .product{ display: block; overflow: hidden;}
.searchlistcenter .p-yjy-center .p-kn .product a{display: block;overflow: hidden;border: 1px solid #ddd;width: calc(100% - 2px);position: relative;margin: 0 0 1% 0;float: left; transition: all .3s; padding: 20px 0;
display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.searchlistcenter .p-yjy-center .p-kn .product a h5{ display: block;overflow: hidden;float: left;width: 20%; max-height: 250px; }
.searchlistcenter .p-yjy-center .p-kn .product a h5 img{width: 100%;display: block;transition: all .6s;}
.searchlistcenter .p-yjy-center .p-kn .product a h6{ display: block;width: 75%;padding: 0 0;background: none;}
.searchlistcenter .p-yjy-center .p-kn .product a h6 span{ display: block;font-size: 20px;color: #000;font-weight: bold;line-height: 22px;}
.searchlistcenter .p-yjy-center .p-kn .product a h6 font{ display: block;color: #666;font-size: 14px;line-height: 24px;}
.searchlistcenter .p-yjy-center .p-kn .product a h6 e{ display: block;width: 50px;height: 1px;background: #ccc;margin: 10px 0;}
.searchlistcenter .p-yjy-center .p-kn .product a:hover{ border: 1px solid #2488cc;}
.searchlistcenter .p-yjy-center .p-kn .product a:hover h6 span{ color:#2488cc; }
.searchlistcenter .p-yjy-center .p-kn .product a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.searchlistcenter .p-yjy-center .p-kn .powder{}
.searchlistcenter .p-yjy-center .p-kn .powder a{ display: block;overflow: hidden;width: 80%;margin: 0 0 50px 0;position: relative;}
.searchlistcenter .p-yjy-center .p-kn .powder a{display: block;width: 18.4%;box-sizing: border-box;background-color: #b4b8ba;padding: 25px;margin-right: 2%;transition: all .3s;}
.searchlistcenter .p-yjy-center .p-kn .powder a .cont{display: block;width: 100%;box-sizing: border-box;border: 2px solid #fff;padding: 70px 20px;}
.searchlistcenter .p-yjy-center .p-kn .powder a .cont h3{font-size: 28px;color: #fff;font-weight: bold;text-transform: uppercase;}
.searchlistcenter .p-yjy-center .p-kn .powder a:nth-of-type(4n){margin-right: 0;}
.searchlistcenter .p-yjy-center .p-kn .powder a .cont p{font-size: 18px;color: #fff; display: none;}
.searchlistcenter .p-yjy-center .p-kn .powder a:hover{background-color: #e77d26;}
.searchlistcenter .p-yjy-center .p-kn .newslist{}
.searchlistcenter .p-yjy-center .p-kn .newslist .content{ display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content .main{position: relative;position: relative;width: 1200px;margin: 0 auto;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox{width: 20%;overflow: hidden;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox img{display: block;width: 100%;transition: all .6s;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .imgbox img{transform: scale(1.1);}
.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 75%;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox h3{font-size: 22px;color:#222;font-weight: bold;margin: 26px 0;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;}
.searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .textbox h3{color: #2488cc;}
.innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden; }
.innerbanner img{display: block;width: 100%;}
.searchbanner .text{width: 100%;text-align: center;position: absolute;top: 55%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.innerbanner .text p{font-size: 24px;color: #ffffff;line-height: 1em;margin:0;font-weight: normal; }
.innerbanner .text h3{font-size: 40px;color: #ffffff;font-weight: bold;text-transform: uppercase;}
.innerbanner .text form{width: 570px;height: auto;margin: auto;margin-top: 20px;}
.innerbanner .text form input{display: block;width: 85%;float: left;box-sizing: border-box;background-color: #FFFFFF;border: none;height: 42px;outline: none;padding-left: 20px;}
.innerbanner .text form .btn{display: block;width: 15%;box-sizing: border-box;border: none;background-color: #2488cc;font-size: 12px;color: #FFFFFF;height: 42px;outline: none;cursor: pointer; transition: all .3s;}
.innerbanner .text form .btn i{font-size: 12px;color: inherit;margin-right: 5px;}
.innerbanner .text form .btn:hover{background-color: #2488cc;}
.searchlist-titile{display: block;overflow: hidden;margin:20px auto 0;width: 800px; }
.searchlist-titile h3{ text-transform: uppercase; display: block; font-size: 16px;}
.searchlist-titile h3 span{ display: inline-block;color: #2488cc;font-size: 20px;margin: 0 20px 0 0;}
.p-search-to{ margin: 50px auto 0; }
.p-search-to dl{ margin: 30px 0 10px; }
.searchlistcenter{display: block;width: 1200px;margin:100px auto;overflow: hidden;min-height: 600px;}
.searchlistcenter .p-yjy{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 0 0 10px 0;}
.searchlistcenter .p-yjy a{ position: relative;display: block;float: left;font-size: 20px;text-transform: uppercase;margin: 0 80px 0 0;overflow: hidden; font-weight: bold;}
.searchlistcenter .p-yjy .active{ color: #2488cc; }
.searchlistcenter .p-yjy-center{ display: block;overflow: hidden;margin: 50px 0 0 0;}
.searchlistcenter .p-yjy-center .p-kn{ display: block;overflow: hidden; }
.searchlistcenter .p-yjy-center .p-kn .searchlistnews{}
.searchlistcenter .p-yjy-center .p-kn .searchlistnews a{ width: 100%;margin: 0 0 30px 0;background: none;float: none;border: 0; overflow: hidden; display: block;}
.searchlistcenter .p-yjy-center .p-kn .searchlistnews a img{ display: none;}
.searchlistcenter .p-yjy-center .p-kn .searchlistnews a p{ text-align: left;text-transform: uppercase;padding: 20px 10px;min-height: auto;background: none;border: 1px solid #eee; font-size: 16px;font-weight: normal;}
.searchlistcenter .p-yjy-center .p-kn .searchlistnews a p font{display: block;float: right;color: #000;margin: 0 20px 0 0;font-weight: normal;letter-spacing: 0px;font-size: 14px;}
.searchlistcenter .p-yjy-center .p-kn a:hover p{ background: #2488cc; color: #fff;}
.searchlistcenter .p-yjy-center .p-kn a:hover p font{ color: #fff; }
.searchlistcenter .p-yjy-center .p-kn .product01{ width: 100%; padding: 0;}
.innerbanner .hottt span{width: 100px;float: left;text-align: left;}
.innerbanner .hottt p{width: calc(100% - 100px); float: left;}
@media only screen and (max-width: 1600px){
.searchbanner .text p{ font-size: 24px;margin: 0;}
.searchbanner .text form{ margin-top: 10px;}
.searchbanner .text{top:55%;}
}
/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px)
{
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}
/* header */
.headerwrap{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s;}
.headerwrap .header{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.headerwrap .header .logo{display: block;}
.headerwrap .header .logo img{display: block;width: auto;height: 50px;}
.headerwrap .header .logo .logo02{display: none;}
.headerwrap .header .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .nav li{position: relative;}
.headerwrap .header .nav li>a{display: block;height: 90px;line-height: 90px;font-size: 16px;color: #FFFFFF;position: relative;box-sizing: border-box;padding: 0 25px;}
.headerwrap .header .nav li>a::after{content: '';display: block;width: 0%;height: 2px;background-color: #2488cc;transition: all .3s;position: absolute;left: 0;bottom: 0;}
.headerwrap .header .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .right .language{font-size: 14px;color: #FFFFFF;}
.headerwrap .header .right i{font-size: 16px;color: #FFFFFF;margin-right: 20px;}
.headerwrap .header .right span{display: block;width: 1px;height: 14px;background-color: #FFFFFF;margin: 0 15px;}
.headerwrap .header .right a{font-size: 14px;color: #FFFFFF;}
.header .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;opacity: 0;visibility: hidden;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 90px;}
.header .nav li .nav02 a{display:block;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 10px;}
.header .nav li .nav02 a{transition: all 0.4s ease;}
.header .nav li:hover .nav02 a{animation: navInUp50 0.6s ease; animation-fill-mode: forwards;}
.header .nav li .nav02 a:last-child{margin-right: 0;}
.header .nav li .nav02 a:hover{color: #2488cc;background-color: #fff;}
.header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #2488cc;position: absolute;top: 14px;left: 5px;opacity: 0;}
.header .nav li .nav02 a:hover:before{opacity: 1}
.header .nav li .nav02 a i{opacity: 0;transition: all .6s;}
.header .nav li .nav02 a:hover i{opacity: 1;}
.header .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: 180px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)}
.header .nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}
.header .nav li:hover .nav02{ opacity: 1; visibility: visible;}
@keyframes navInUp50 {
0% {
opacity: 0;
visibility: hidden;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
}
100% {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
}
.headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;}
.headerwrap:hover .header .logo .logo01,.div2_1 .headerwrap .header .logo .logo01,.div3 .headerwrap .header .logo .logo01{display: none;}
.headerwrap:hover .header .logo .logo02,.div2_1 .headerwrap .header .logo .logo02,.div3 .headerwrap .header .logo .logo02{display: block;}
.headerwrap:hover .header .nav li>a,.div2_1 .headerwrap .header .nav li a,.div3 .headerwrap .header .nav li>a{color: #333333;}
.headerwrap:hover .header .right i,.div2_1 .headerwrap .header .right i,.headerwrap:hover .header .right,.div2_1 .headerwrap .header .right,.div3 .headerwrap .header .right i,.div3 .headerwrap .header .right{color: #333333;}
.headerwrap:hover .header .right a,.div2_1 .headerwrap .header .right a,.div3 .headerwrap .header .right a{color: #333333;}
.headerwrap:hover .header .right span,.div2_1 .headerwrap .header .right span,.div3 .headerwrap .header .right span{background-color: #333333;}
.headerwrap .header .nav li:hover a::after{width: 100%;}
.headerwrap:hover .header .nav li:hover>a{color: #2488cc;}
.headerwrap .header .right .fa-search{font-size: 18px;margin: 0 20px 0 0;}
.headerwrap .header .nav li .nav03{ position: fixed;width: 90%;background: #fff;left: 0;padding: 0 5%;display: none;overflow: hidden;border-bottom: 1px solid #ccc; border-top: 1px solid #eee;
z-index: -1;}
.headerwrap .header .nav li .nav03 dt{ float: left;display: block;width: 60%; padding:30px 0; overflow: hidden;}
.headerwrap .header .nav li .nav03 dt h5{ display: block;font-size: 30px;color: #000;line-height: 30px;margin: 0 0 50px 0;}
.headerwrap .header .nav li .nav03 dt h6{ display: block;overflow: hidden;}
.headerwrap .header .nav li .nav03 dt h6 span{ display: block;overflow: hidden;float: left;width: 25%;margin-top: 2%}
.headerwrap .header .nav li .nav03 dt h6 span a{ color: #000;font-size: 16px;}
.headerwrap .header .nav li .nav03 dt h6 span a .fa{ margin: 0 0 0 10px;}
.headerwrap .header .nav li .nav03 dt h6 span a:hover,.headerwrap .header .nav li .nav03 dd a:hover .cont h3{color:#2488cc;}
.headerwrap .header .nav li .nav03 dd{ box-shadow: -16px 0px 15px rgba(0, 0, 0, 0.05); padding:30px 0 30px 5%; display: block;overflow: hidden;width:35%;float: right;}
.headerwrap .header .nav li .nav03 dd a{}
.headerwrap .header .nav li .nav03 dd a .imgBox{ max-height: 200px; display: block;overflow: hidden;}
.headerwrap .header .nav li .nav03 dd a .imgBox img{display: block; width: 100%;}
.headerwrap .header .nav li .nav03 dd a .cont{}
.headerwrap .header .nav li .nav03 dd a .cont p{display: block;color: #999;margin: 20px 0;}
.headerwrap .header .nav li .nav03 dd a .cont h3{display: block;color: #333;font-size: 24px;line-height: 30px;}
.headerwrap .header .nav li .nav03 dd a .cont font{}
.headerwrap .header .nav li .nav03 dd a .cont .more{}
.headerwrap .header .nav li:hover .nav03{ display: block;top: 90px;}
.header .nav li .nav02 .dropdown-menu{position: absolute;
box-sizing: border-box;
padding: 0;
z-index: 5;
min-width: 190px;
width: auto;
left: 100%;
margin-left: 0px;
text-align: center;
display: none;
justify-content: center;
flex-flow: row;
white-space: nowrap;
transition: all .3s;
top: 0px;
background: #ffffffe8;}
.header .nav li .nav02 .nav04:hover .dropdown-menu{display: block;}
.dropdown-menu>li{display: block;
width: 100%;
line-height: 40px;
margin: 0;
float: none;
position: relative;
text-align: left;}
.headerwrap .header .nav .dropdown-menu>li>a{height: 40px;
line-height: 40px;}
.headerwrap .header .nav .dropdown-menu>li>a::after{display: none;}
@media only screen and (max-width: 1600px){
.headerwrap .header .nav li:hover .nav03{ display: block;top: 86px;}
.headerwrap .header .nav li .nav03 dt h5,.headerwrap .header .nav li .nav03 dd a .cont h3{font-size:20px; }
}
/*banner*/
.bannerwrap,.bannerwrap .banner,.bannerwrap .banner .swiper-container{width: 100%;height: auto;position: relative;overflow: hidden;}
.bannerwrap img{display: block;width: auto;height: 100%;min-width: 100%;}
.bannerwrap::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 0;}
.bannerwrap .banner .text{width: 1200px;height: calc(100% - 180px);box-sizing: border-box;position: absolute;top: 90px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 2;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: auto;border-left: 1px solid rgba(255,255,255,0.3);padding-left: 60px;}
.bannerwrap .banner .text .cont{width: 100%;box-sizing: border-box;position: relative;}
.bannerwrap .banner .text p{font-size: 16px;color: #ffffff;text-transform: uppercase;margin-bottom: 30px;line-height: 30px;}
.bannerwrap .banner .text h3{font-size: 56px;color: #ffffff;font-weight: bold;margin-bottom: 40px;letter-spacing: 10px;}
.bannerwrap .banner .text .cont .more{height:46px;line-height:46px;}
.more{display: block;width: 180px;height: 42px;text-align: center;line-height: 42px;background-color: #2488cc;color: #FFFFFF;font-size: 14px;overflow: hidden;position: relative;z-index: 0;border-radius: 2px;}
.more::after{content: '';width: 0;height: 100%;background-color: #FFFFFF;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;}
.more:hover::after{width: 100%;}
.more:hover{color: #2488cc;}
.bannerwrap .banner .text .cont::before{content: '';display: block;width: 3px;height: 30px;top: 0;left: -62px;background-color: #FFFFFF;position: absolute;}
/* videobanner */
.bannerwrap video{display: block;width: 100%;object-fit: fill;}
.bannerwrap .vide0text{padding-top:80px;position: absolute;top: 50%;left: 0;width: 100%;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 1;}
.bannerwrap .vide0text p{font-size: 16px;color: #FFFFFF;margin-bottom: 30px;}
.bannerwrap .vide0text h3{font-size: 54px;font-weight: bold;color: #FFFFFF;margin-bottom: 40px;letter-spacing: 10px;}
.bannerwrap .sjbanner{display: none;}
.b-bot{width: 100%;box-sizing: border-box;height: 90px;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;position: absolute;left: 0;bottom: 0;z-index: 3;}
.b-bot .scoll{width: calc((100% - 1200px)/2);height: 100%;background-color: #7e8085;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;cursor: pointer;transition: all .3s;}
.b-bot .scoll p{color: #fff;font-size: 12px;}
.b-bot .scoll:hover{background-color: #2488cc;}
.b-bot .page{width: auto;height: 90px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #FFFFFF;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.b-bot .swiper-pagination-bullet{width: 12px;height:12px;background-color: transparent;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;border: 1px solid #00000000;opacity: 1;margin-right: 10px;}
.b-bot .swiper-pagination{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;padding: 0 120px 0 30px;box-sizing: border-box;height: 90px;border-right: 1px solid #DDDDDD;}
.b-bot .swiper-pagination-bullet::after{content: '';display: block;width: 6px;height: 6px;background-color: #bbbbbb;border-radius: 50%;}
.b-bot .swiper-pagination .swiper-pagination-bullet-active{border-color: #2488cc;}
.b-bot .swiper-pagination .swiper-pagination-bullet-active::after{background-color: #2488cc;}
.b-bot .swiper-pagination-bullet:last-child{margin-right: 0;}
.b-bot .page strong{display: block;width: 50px;height: 2px;background-color: #BBBBBB;margin: 0 30px;}
.b-bot .page .arrow{width: auto;box-sizing: border-box;padding: 0 30px;}
.b-bot .page .arrow .swiper-button-next,.b-bot .page .arrow .swiper-button-prev{background-image: none;font-size: 30px;position: relative;color: #454545;height: auto;margin-top: 0;width: auto;}
.b-bot .page .arrow .swiper-button-next{margin-left: 40px;right: 0;}
.jt {display: block;width: 10px;height: 10px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;animation: updown 1.5s ease-out infinite;-webkit-animation: updown 1.5s ease-out infinite;z-index: 3;}
@keyframes updown {
0% {
transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg);
opacity: 1;
}
50% {
transform: translateY(20px) rotate(-45deg);-webkit-transform: translateY(20px) rotate(-45deg);
opacity: 0;
}
100% {
transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg);
opacity: 0;
}
}
@-webkit-keyframes updown {
0% {
transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg);
opacity: 1;
}
50% {
transform: translateY(20px) rotate(-45deg);-webkit-transform: translateY(20px) rotate(-45deg);
opacity: 0;
}
100% {
transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg);
opacity: 0;
}
}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
.swiper-slide img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;
}
.bannerwrap .banner:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,0.5);}
/* indexwrap */
.indexwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
/* index01wrap */
.index01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;position: relative;margin-top: 150px;}
.index01 .left{width: 36.66%;position: relative;box-sizing: border-box;padding-left: 100px;}
.index01 .left::after{content: '';display: block;width: 1px;height: calc(100% - 72px);background-color: #ddd;position: absolute;left: 0;top: 0;}
.index01 .left .cont{width: 100%;box-sizing: border-box;position: relative;padding-right: 100px;z-index: 1;}
.index01 .left::before{content: '';width: 3px;height: 30px;background-color: #2488cc;position: absolute;left: 0;top: 0;}
.index01 .left .cont h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;line-height: 30px;}
.index01 .left .cont h4{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 30px;font-weight: bold;}
.index01 .left .cont h5{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;}
.index01 .left .cont .more{border: 1px solid #2488cc;}
.index01 .right{width: 43.33%;box-sizing: border-box;position: relative;}
.index01 .right .cont{width: 100%;overflow: hidden;background-color: #eee;}
.index01 .right .cont img{display: block;width: 100%;transition: all .6s;}
.index01 .right .cont:hover img{transform: scale(1.1);}
.a-right{width: 20%;height:100%;position: absolute;right: 0;bottom: 0;}
.a-right a{width: 100%;height: 100%;background-color: #e09845;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;box-sizing: border-box;padding: 90px 50px;transition: all .3s;}
.a-right h3{font-size: 26px;color:#ffffff;font-weight: bold;}
.a-right h3 span{display: block;font-size: 16px;color: #FFFFFF;font-weight: normal;margin-top: 10px;}
/* .a-right i{font-size: 18px;color: #FFFFFF;} */
.a-right:hover a{background-color: #2488cc;}
.jt02{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.jt02::before{content: '';display: block;width: 20px;height: 2px;background-color: #fff;transition: all .3s;}
.jt02::after{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #fff;margin-left: -5px;}
.a-right:hover .jt02::before{width: 40px;}
/* index02 */
.index02{width: 100%;margin: auto;box-sizing: border-box;margin-bottom: 150px;position: relative;}
.index02 .imgbg{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;z-index: 0;width: 600px;right: -300px;}
.index02 li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;position: relative;z-index: 1;}
.index02 li .left{width: 36.66%;background-color: #eee;overflow: hidden;}
.index02 li .left img{display: block;width: 100%;transition: all .6s;}
.index02 li:hover .left img{transform: scale(1.1);}
.index02 li .right{width: 43.33%;box-sizing: border-box;padding: 90px 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;}
.index02 li .right h3{font-size: 26px;color: #222222;font-weight: bold;}
.index02 li .right h3 span{display: block;font-size: 16px;color: #222;margin-top: 10px;font-weight: normal;}
.index02 li .right i{font-size: 18px;color: #2488cc;}
.index02 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;-webkit-justify-content: flex-end;justify-content: flex-end;}
.index02 li:nth-of-type(2n) .left{width: 53.67%;}
.index02 li:nth-of-type(2n) .right{width: 36.66%;}
.index02 li .right .jt02::before{background-color: #2488cc;}
.index02 li .right .jt02::after{border-left-color: #2488cc;}
.index02 li:hover .right .jt02::before{width: 40px;}
.index02 li:hover .right h3{color: #2488cc;}
.index02 li:hover .right h3 span{color: #2488cc;}
.index02 li .right .hover{margin-top: 30px;font-size: 15px;color: #666;opacity: 0;transition: all .3s;line-height: 30px;}
.index02 li:hover .right .hover{opacity: 1;}
/* index03 */
.index03{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 150px calc((100% - 1400px)/2) 0;background-color: #fff;}
.index03 .item{display: block;width: 50%;overflow: hidden;position: relative;position: relative;}
.index03 .item::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;}
.index03 .item:nth-of-type(1)::after{background-color: rgba(0,0,0,0.4);}
.index03 .item:nth-of-type(2)::after{background-color: rgba(54,54,54,0.4);}
.index03 .item img{display: block;width: 100%;transition: all .6s;}
.index03 .item .text{width: 100%;display: block;position: absolute;top: 50%;left: 0;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index03 .item .text h3{font-size: 32px;color: #FFFFFF;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;text-align: center;font-weight:bold;}
.index03 .item .text h3::after{content: '';display: block;width: 30px;height: 3px;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #2488cc;}
.index03 .item .text h4{width: 60%;margin: auto;font-size: 15px;color: rgba(255,255,255,0.8);line-height: 30px;text-align: center;}
.index03 .item .text .more{margin: auto;border: 1px solid #fff;background-color: transparent;margin-top: 130px;}
.index03 .item:nth-of-type(1):hover::after{background-color: rgba(0,0,0,0.66);}
.index03 .item:nth-of-type(2):hover::after{background-color: rgba(54,54,54,0.6);}
.index04wrap{width: 100%;box-sizing: border-box;position: relative;padding:0;}
.index04wrap .top{margin: 150px auto;width: 1200px;text-align: center;}
.index04wrap .top p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;}
.index04wrap .top h3{font-size: 30px;color: #313233;font-weight: bold;}
.index04wrap .top strong{display: block;width: 30px;height: 2px;background-color: #2488cc;margin: 30px auto;}
.index04wrap .top h4{font-size: 15px;color: #666666;line-height: 26px;width: 50%;margin: auto;}
.index04wrap .index04{width: 100%;box-sizing: border-box;position: relative;padding: 150px calc((100% - 1200px)/2);background: url(../images/indexbg_03_3.jpg)no-repeat fixed;background-size: cover;}
.index04wrap .index04 .text{width: 100%;position: relative;}
.index04wrap .index04 .text .cont{width: 50%;padding: 70px;background-color: rgba(0,0,0,0.5);margin-left: -70px;box-sizing: border-box;padding-left: 110px;transition: all .3s;}
.index04wrap .index04 .text .cont::before{content: '';display: block;content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,0.5);}
.index04wrap .index04 .text .cont::after{content: '';display: block;width: 2px;height: 30px;position: absolute;left: 0;top: 70px;background-color: #FFFFFF;}
.index04wrap .index04 .text .cont h3{font-size: 32px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.index04wrap .index04 .text .cont h4{font-size: 15px;color: #ffffff;line-height: 24px;margin-bottom: 40px;text-align:justify;}
.index04wrap .index04 .text .cont a{background-color: transparent;border: 1px solid #fff;}
.index04wrap .index04 .text .cont a::after{background-color: #fff;}
.index04wrap .index04 .text .cont a:hover{color: #2488cc;}
.index04wrap .index04 .text .cont:hover{background-color: rgba(0,0,0,0.7);}
/* index05wrap */
.index05wrap{width: 100%;box-sizing: border-box;position: relative;background-color: #f1f2f3;padding: 150px 0;}
.index05wrap .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 40px;}
.index05wrap .top .left{width: 50%;box-sizing: border-box;padding-left: calc((100% - 1200px)/2);position: relative;}
.index05wrap .top .left .bgfont{font-size: 170px;color: #222222;opacity: 0.05;font-weight: bold;text-transform: uppercase;position: absolute;left: 0;letter-spacing: 26px;top:130px;}
.index05wrap .top .left .cont{width: 100%;padding-top: 200px;border-left: 1px solid #ddd;box-sizing: border-box;padding-left: 40px;position: relative;}
.index05wrap .top .left .cont::before{content: '';display: block;width: 3px;height: 30px;position: absolute;left: -2px;top: 200px;background-color: #2488cc;}
.index05wrap .top .left .cont .tl{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 120px;}
.index05wrap .top .left .cont .list{width: 100%;box-sizing: border-box;}
.index05wrap .top .left .cont .list .item h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.index05wrap .top .left .cont .list .item h4{font-size: 15px;color: #666666;line-height: 26px;margin-bottom: 50px;padding-right: 100px;box-sizing: border-box;}
.index05wrap .top .left .cont .list .item .more{width: 150px;height: 40px;line-height: 40px;border: 1px solid #2488cc;transition: all .3s;}
/*.index05wrap .top .left .cont .list .item .more::after{background-color: transparent;}*/
/*.index05wrap .top .left .cont .list .item .more:hover{background-color: transparent;}*/
.index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide{opacity: 0!important;}
.index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity: 1!important;}
.index05wrap .top .right{width: 50%;box-sizing: border-box;overflow: hidden;}
.index05wrap .top .right img{display: block;width: 100%;transition: all .6s;border-bottom-left-radius: 340px;}
.index05wrap .bot{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;}
.index05wrap .bot .gallery-thumbs .swiper-slide a{display: block;width: 100%;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox{width: 100%;box-sizing: border-box;opacity: 0.5;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox img{display: block;width: 100%;}
.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .imgbox{opacity: 1;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .text{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 18px;color: #222222;box-sizing: border-box;margin-top: 20px;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .text::before{content: '';display: block;width: 30px;height: 1px;background-color: #222;margin-right: 10px;}
.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text{color: #2488cc;}
.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text::before{background-color: #2488cc;}
.index05wrap .swiper-button-next,.index05wrap .swiper-button-prev{width: 45px;height: 45px;background-color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;font-size: 18px;color: #222;margin-top: -38px;outline: none;}
.index05wrap .swiper-button-next{right: 0;}
.index05wrap .swiper-button-prev{left: 0;}
/* .index06 */
.index06wrap{width: 100%;box-sizing: border-box;margin-bottom:0px;}
.index06wrap .tl{width: 1200px;margin: auto;border-left: 1px solid #ddd;font-size: 32px;color: #222222;font-weight:bold;margin-bottom: 0px;padding: 150px 0 70px;position: relative;padding-left: 40px;box-sizing: border-box;}
.index06wrap .tl::before{content: '';position: absolute;left: -2px;top: 150px;background-color: #2488cc;width: 3px;height: 30px;}
.index06wrap .index06{width: 1400px;box-sizing: border-box;position: relative;margin: auto;}
.index06wrap .index06 img{display: block;width: 100%;}
.index06wrap .index06 .min{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index06wrap .index06 .min a{ text-align: center;position: relative;width: 150px;height: 150px;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
.index06wrap .index06 .min a span{z-index: 1;border: 1px solid #2488cc;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;background: transparent;background-color: #2488cc;}
.index06wrap .index06 .min a font{display: inline-block;font-size: 18px;color: #000;white-space: nowrap;}
.index06wrap .index06 .min #a1{top: 13%;left: 3%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a2{top: 19%;left: 3%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a3{top: 25%;left: 8%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a4{top: 30%;left: 40%;position: absolute;width: 80px;height:80px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a5{top: 22%;left: 70%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a6{top: 24%;left: 45.8%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a7{top: 24%;left: 42%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a8{top: 15%;left: 6%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;}
.index06wrap .index06 .min #a9{top: 22%; left: 11%; position: absolute; width: 110px; height: 110px; visibility: visible; opacity: 1;}
.index06wrap .index06 .min #a1 font{ position: absolute;top: 30px;left: 50px;}
.index06wrap .index06 .min #a2 font{ position: absolute;top: 40px;left: 60px;}
.index06wrap .index06 .min #a3 font{ position: absolute;top: 30px;left: 60px;white-space: nowrap;}
.index06wrap .index06 .min #a4 font{ position: absolute;top: 30px;left: 50px;}
.index06wrap .index06 .min #a5 font{ position: absolute;top: 45px;left: 65px;}
.index06wrap .index06 .min #a6 font{position: absolute;top: 46px;left: 65px;}
.index06wrap .index06 .min #a7 font{position: absolute;top: 46px;left: 65px;}
.index06wrap .index06 .min #a8 font{ position: absolute;top: 46px;left: 65px;}
.index06wrap .index06 .min #a9 font{ position: absolute;top: 46px;left: 65px;}
/*鏂板姞鍏ㄧ悆鐢ㄦ埛鏍峰紡*/
.earth { width:1200px; margin:0 auto; background:url(../brands/earth.png) no-repeat; background-position: center right;position: relative;padding-left: 40px; box-sizing: border-box;}
.brands { padding-bottom:138px; width: 55%;}
.brands h5 {font-size: 24px;margin-bottom: 48px;color: #222;font-weight: 550;}
.brands p {font-size: 18px;color: #222;margin-bottom: 24px;line-height: 1.5;}
.brands p.last { margin-bottom:38px;}
.brands p span { color:#EA5504; font-weight:550;}
@keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; }}
.index06wrap .index06 .min .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
background: transparent;width: 100%;height: 100%;}
.index06wrap .index06 .min .point-10 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #2488cc;opacity: 0;
-webkit-animation: ballScale 12s 0s linear infinite;
-moz-animation: ballScale 12s 0s linear infinite;
-ms-animation: ballScale 12s 0s linear infinite;
animation: ballScale 12s 0s linear infinite;}
.index06wrap .index06 .min .point-70 strong,.index06wrap .index06 .min .point-40 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #2488cc;opacity: 0;
-webkit-animation: ballScale 6s 0s linear infinite;
-moz-animation: ballScale 6s 0s linear infinite;
-ms-animation: ballScale 6s 0s linear infinite;
animation: ballScale 6s 0s linear infinite;}
.min02wrap{width: 100%;box-sizing: border-box;background: url(../images/index_pbg.jpg)no-repeat fixed;padding: 150px 0;background-size: cover;}
.index06wrap .min02{width: 1200px;box-sizing: border-box;position: relative;margin: auto;padding:0;margin-top: 0;}
.index06wrap .min02 .swiper-container03{width: 100%;}
.index06wrap .min02 .imgbox{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.index06wrap .min02 .imgbox p{display: block;width: 7.555%;margin-right: 4%;margin-bottom: 4%;height:auto;flex-shrink: 0;}
.index06wrap .min02 .imgbox p img{display: block;width: 100%;}
.index06wrap .min02 .imgbox p:nth-of-type(9n){margin-right: 0;}
.index06wrap .min02 .swiper-pagination{position: relative;bottom: 0;}
.index06wrap .min02 .swiper-pagination-bullet{width: 40px;height: 2px;background-color: #d4d4d4;opacity: 0.5;border-radius: 0;}
.index06wrap .min02 .swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}
.index06wrap .swiper-button-prev,.index06wrap .swiper-button-next{background-image: none;font-size: 26px;color: #aaaaaa;width: auto;height: auto;margin-top: -2%;transform: translateY(-50%);-webkit-transform: translateY(-50%);outline: none;}
.index06wrap .swiper-button-prev{left: -50px;}
.index06wrap .swiper-button-next{right: -50px;}
/* index07wrap */
.index07wrap{width: 100%;box-sizing: border-box;}
.index07wrap .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;}
.index07wrap .item .text{width: 50%;box-sizing: border-box;background-color: #f1f2f3;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: relative;padding-right: calc((100% - 1200px)/2);}
.index07wrap .item .text .cont{width: 100%;box-sizing: border-box;padding-right: 100px;padding-left: 90px;}
.index07wrap .item .text .cont h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;position: relative;}
.index07wrap .item .text .cont h3::before{content: '';display: block;width: 3px;height: 30px;position: absolute;top: 0;background-color: #2488cc;left: -90px;}
.index07wrap .item .text .cont h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;}
.index07wrap .item .text .cont .more{width: 150px;height: 40px;line-height: 40px;border: 1px solid #2488cc;transition: all .3s;margin-top: 30px;}
.index07wrap .item .text .cont .fontbg{font-size: 170px;color: #222222;opacity: 0.05;font-weight: bold;text-transform: uppercase;position: absolute;left: 0;margin-top: -70px;letter-spacing:20px;}
.index07wrap .item .right{width: 50%;box-sizing: border-box;position: relative;}
.index07wrap .item .right img{display: block;width: 100%;}
.index07wrap .item .text .cont h5{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 50px;}
.index07wrap .item .text .cont p{font-size: 15px;color: #666666;line-height: 36px;}
/* index08 */
.index08{width: 1200px;margin: 150px auto;text-align: center;padding-top: 90px;border-top: 1px solid #ddd;}
.index08 p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;}
.index08 h3{font-size: 30px;color: #313233;font-weight: bold;}
.index08 strong{display: block;width: 40px;height: 2px;background-color: #2488cc;margin: 30px auto;}
.index08 a{border: 1px solid #2488cc;color: #2488cc;background-color: transparent;margin: auto;}
.index08 a:hover{color: #FFFFFF;}
.index08 a::after{background-color: #2488cc;}
/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;border-top: 4px solid #fdd404;background-color: #003e71;padding: 90px 0;}
.footerwrap .footer{width: 100%;box-sizing: border-box;padding: 70px 10%;background-color: #003e71;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footerwrap .footer .left{width: 50%;}
.footerwrap .footer .left .f-logo{display: block;margin-bottom: 40px;}
.footerwrap .footer .left .f-logo img{display: block;width: auto;height: 50px;}
.footerwrap .footer .left h3{font-size: 17px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.footerwrap .footer .left h4{font-size: 14px;color: rgba(255,255,255,0.7);line-height: 30px;margin-bottom: 30px;}
.footerwrap .footer .left .ewm{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.footerwrap .footer .left .ewm li img{display: block;width: auto;}
.footerwrap .footer .left .ewm li p{font-size: 13px;color: rgba(255,255,255,0.8);margin-top: 20px;text-align: center;}
.footerwrap .footer .left .ewm li:last-child{margin-left: 20px;}
.footerwrap .footer .right{width: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;}
.footerwrap .footer .f-nav{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footerwrap .footer .f-nav li h3 a{font-size: 16px;color: #FFFFFF;font-weight: bold;}
.footerwrap .footer .f-nav li h3{margin-bottom: 30px;}
.footerwrap .footer .f-nav li .list p{margin-bottom: 25px;}
.footerwrap .footer .f-nav li .list p a{font-size: 15px;color: rgba(255,255,255,0.6);padding-bottom: 5px;position: relative;}
.footerwrap .footer .f-nav li .list p a::after{content: '';display: block;width: 0%;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.footerwrap .footer .f-nav li .list p a:hover::after{width: 100%;}
.footerwrap .footer .f-nav li .list p a:hover{color: #FFFFFF;}
.footerwrap .footer .right .bot{width: 100%;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 0 20px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;padding: 30px 0;}
.footerwrap .footer .right .bot h3{font-size: 16px;color: #ffffff;font-weight: bold;margin-right: 50px;}
.footerwrap .footer .right .bot .bdsharebuttonbox{display: flex;display: -webkit-flex;}
.footerwrap .footer .right .bot .bdsharebuttonbox a{background-image: none;font-size: 14px;color: rgba(255,255,255,0.5);margin: 0;margin-right: 20px;padding: 0;}
.footerwrap .footer .right .bot .bdsharebuttonbox a:last-child{margin-right: 0;}
.footerwrap .copyright{width: 100%;box-sizing: border-box;padding: 20px 10%;background-color: #1e1e1e;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.footerwrap .copyright h3{font-size: 12px;color: rgba(255,255,255,0.5);display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.footerwrap .copyright h3 i{display: block;width: 1px;height: 12px;background-color: rgba(255,255,255,0.5);margin: 0 20px;}
.footerwrap .copyright a{font-size: 12px;color: rgba(255,255,255,0.5);}
/* footer02 */
.footer02{width: 1200px;margin: auto;box-sizing: border-box;}
.footer02 .top{width: 100%;display: flex;display: -webkit-flex;-0-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 50px;}
.footer02 .top li .item h3 a{font-size: 13px;color: #FFFFFF;}
.footer02 .top li .item h3{margin-bottom: 20px;}
.footer02 .top li .item .min p,.footer02 .top li .item .min .xcxhover{margin-bottom: 20px;position: relative;}
.footer02 .top li .item .min a{font-size: 12px;color: #e3e3e3;position: relative;}
.footer02 .top li .item .min a:hover{color: #FFFFFF;}
.footer02 .top li .item{margin-bottom: 40px;}
.footer02 .top li .item:last-child{margin-bottom: 0;}
.footer02 .top li .item form{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footer02 .top li .item form input{display:block;font-size:14px;color:#6c7073;height:32px;width:189px;background:0 0;border:1px solid #e3e3e3;outline:none;padding:4px 0 4px 12px;border-right:none;vertical-align:middle;border-radius:4px 0 0 4px;box-sizing: border-box;}
.footer02 .top li .item form button{display:block;width:32px;height:32px;font-size:12px;line-height:1;color:#fff;background:#6c7073;border:none;outline:none;vertical-align:middle;border-radius:0 4px 4px 0;}
.footer02 .top li .item form button i{font-size: 13px;color: #fff;}
.footer02 .bot{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #e3e3e3;margin-bottom: 20px;}
.footer02 .bot .left{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.footer02 .bot .left .f-logo img{display: block;width: auto;height: 30px; opacity:0.5;}
.footer02 .bot .left .f-nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-left: 40px;}
.footer02 .bot .left .f-nav a{font-size: 12px;color: #e3e3e3;position: relative;margin-right: 20px;display: block;}
.footer02 .bot .left .f-nav a:last-child{margin-right: 0;}
.footer02 .bot .left .f-nav a:hover{color: #FFFFFF;}
.footer02 .bot .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;}
.footer02 .bot .right li{position: relative;margin-right: 20px;}
.footer02 .bot .right li a{display:block;width:18px;}
.footer02 .bot .right li a img{width:100%;}
.footer02 .bot .right li:last-child{margin-right: 0;}
.footer02 .bot .right li .popup,.footer02 .top li .item .min .xcxhover .popup{display:block;position:absolute;bottom:20px;right:-10px;width:144px;height:160px;transition: all .3s;opacity: 0;display: none;}
.footer02 .bot .right li .er-code,.footer02 .top li .item .min .openhover .er-code{padding:4px;border-radius:4px;background:#fff;-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1);}
.footer02 .bot .right li .er-code img,.footer02 .top li .item .min .openhover .er-code img{display: block;width: 100%;}
.footer02 .bot .right li .triangle,.footer02 .top li .item .min .openhover .triangle{ position:absolute;background:#fff;-ms-box-shadow:4px 4px 8px rgba(0,0,0,.1);-o-box-shadow:4px 4px 8px rgba(0,0,0,.1);box-shadow:4px 4px 8px rgba(0,0,0,.1);z-index:8;width:11px;height:11px;bottom:16px;right:16px;transform:translateY(50%) rotate(45deg);}
.footer02 .bot .right li:hover .popup,.footer02 .top li .item .min .xcxhover:hover .popup{opacity: 1;display: block;}
.footer02 .top li .item .min .xcxhover .popup{bottom: -180px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 2;}
.footer02 .top li .item .min .openhover .triangle{top: -11px;left: 50%;margin-left: -8px;}
.footer02 .copyright02{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.footer02 .copyright02 .right .item{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 10px;}
.footer02 .copyright02 .right .item:last-child{margin-bottom: 0;}
.footer02 .copyright02 .right .item p{font-size: 12px;color: #e3e3e3;}
.footer02 .copyright02 .right .item .link{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-left: 30px;}
.footer02 .copyright02 .right .item .link a{font-size: 12px;color: #e3e3e3;position: relative;display: block;}
.footer02 .copyright02 .right .item .link a:hover{color: #FFFFFF;}
.footer02 .copyright02 .right .item .link i{display: block;width: 3px;height: 3px;background-color: #e3e3e3;border-radius: 50%;margin: 0 5px;}
.footer02 .copyright02 .right .item .ba,.footer02 .copyright02 .right .item font{font-size: 12px;color: #e3e3e3;}
.footer02 .copyright02 .right .item font{margin-left: 20px;}
.footer02 .copyright02 .f-language{font-size: 12px;color: #e3e3e3;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.footer02 .copyright02 .f-language i{font-size: 18px;color: #bfbfbf;margin-right: 10px;}
.footer02 .copyright02 .f-language:hover{color: #fff;}
/* 20200728 */
.index01wrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;overflow: hidden;padding-top: 100px;/* height: 100%; */}
.index01wrap .top{margin: 0 auto 50px;width: 1200px;text-align: center;}
.index01wrap .top p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;}
.index01wrap .top h3{font-size: 30px;color: #313233;font-weight: bold;}
.index01wrap .top strong{display: block;width: 30px;height: 2px;background-color: #2488cc;margin: 30px auto;}
.index01wrap .top h4{font-size: 15px;color: #666666;line-height: 26px;width: 50%;margin: auto;}
/* index01two */
.index01two{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.index01two .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.index01two .imgbox::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0; background-color: rgba(0, 0, 0, 0.3);left: 0;z-index: 1;}
.index01two .imgbox img{width: 100%;transition: all .3s;display: none;}
.index01two .imgbox img:first-child{display: block;}
.index01two .textmin{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;z-index: 1;}
.index01two .textmin li{width: calc(100% / 3);box-sizing: border-box;border-right: 1px solid #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.index01two .textmin li .item{width: 96%;height: 96%;border: 1px solid transparent;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transition: all .5s;opacity: 0.7;}
.index01two .textmin li .item .cont{width: 80%;transform: translateY(49px);transition: all .3s;}
.index01two .textmin li .item .cont font{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 21px;color: #fff;font-weight: bold;margin-bottom: 50px;}
.index01two .textmin li .item .cont font::after{content: '';display: block;width: 30px;height: 1px;background-color: #FFFFFF;margin-left: 10px;}
.index01two .textmin li .item .cont .tl{margin-bottom: 50px;}
.index01two .textmin li .item .cont .tl h3{font-size: 34px;color: #fff;font-weight:bold;}
.index01two .textmin li .item .cont .tl p{font-size: 16px;color: #FFFFFF;opacity: 0.75;margin-top: 15px;}
.index01two .textmin li .item .cont h4 {font-size: 14px;line-height: 28px;color: #FFFFFF;}
.index01two .textmin li .item .cont .more{width: 180px;height: 42px;line-height: 42px;background-color: transparent;border: 1px solid #FFFFFF;margin-top: 50px;opacity: 0;transition: all .3s;}
.index01two .textmin li.active .item{background-color: rgba(0,0,0,0.2);border-color: #FFFFFF;opacity: 1;}
.index01two .textmin li.active .item .cont .more{opacity: 1;}
.index01two .textmin li.active .item .cont{transform: none;}
/* 鍏充簬 */
.innerbanner{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .sjbanner{display: none;}
.innerbanner .text{width:90%; max-width:1200px; box-sizing: border-box;text-align: left;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:1;}
.innerbanner .text p{font-size: 46px;color: #ffffff;margin-bottom: 20px; font-weight: bold;letter-spacing: 2px;}
.innerbanner .text h3{font-size: 30px;color: #ffffff;font-weight: normal;}
.innerbanner .mbxwrap{z-index:2;width: 100%;box-sizing: border-box;background-color: #249ff3cc;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #ddd;position: absolute;bottom: 0;left: 0;}
.innerbanner .mbxwrap h3{font-size: 30px;color: #2488cc;font-weight: bold;box-sizing: border-box;padding: 0 20px;line-height: 90px;background-color: #FFFFFF;width: 30%;text-align: center;}
.innerbanner .mbxwrap .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.innerbanner .mbxwrap .right a{display: block;margin-left: 70px;font-size: 22px;color: #FFFFFF;opacity: 0.5;}
.innerbanner .mbxwrap .right a.active{opacity: 1;font-weight: bold;}
/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
/* about01wrap */
.about01wrap{width: 100%;box-sizing: border-box;padding: 130px 0;box-sizing: border-box;position: relative;overflow: hidden;}
.about01wrap::after{content: '';display: none;width: 100%;height: 100%;position: absolute;right: 0;top: 0;background-color: #f1f2f3;z-index: 0;left: calc((100% - 1200px)/2);}
.about01{position: relative;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about01 .left{width:55%;box-sizing: border-box;}
.about01 .right{width: 45%;box-sizing: border-box;padding: 0 100px 0 60px;}
.about01 .right p{font-size: 13px;color: #aaaaaa;margin-bottom:15px;}
.about01 .right p:last-child{margin-bottom:0;}
.about01 .right h3{font-size: 36px;color: #222222;margin-top:15px;font-weight: bold;}
.about01 .right h4{font-size: 22px;color: #222222;line-height: 36px;font-weight: bold;margin:15px 0;}
.about01 .right h5,.about01 .right h5 p{font-size: 15px;color: #666666;line-height: 32px;text-align: justify;}
#box{display: block; width:100%;overflow: hidden;position: relative;}
#box video{display: block;width: 100%;}
#box dt{ position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0;width: 100%;height: 100%; padding: 0; transition: 0.8s;}
#box .cover{cursor:pointer;width: 100%;height: 100%; position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; background-color: rgba(0, 0, 0, 0.22); z-index: 2;}
#box .cover #imgbg{opacity: 1;width: 100%;height: 100%;position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
#box .fa{ z-index: 2;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 36px;font-weight: normal;width: 80px;height: 80px;text-align: center;line-height: 80px;border: 2px solid #fff;border-radius: 50%;margin: -40px 0 0 -40px;}
#box .fa:before{ margin-left: 15px;}
#box dt:hover #imgbg{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}
/* about02 */
.about02{width: 1200px;margin: 140px auto;box-sizing: border-box;padding-left: 180px;position: relative;}
.about02 .left{position: absolute;top: 0;left: 0;border-left: 1px solid #cccccc;width: 180px;height: 100%;box-sizing: border-box;padding-left: 10px;}
.about02 .left h3{font-size: 13px;color: #aaaaaa;writing-mode:tb;}
.about02 .right{width: 100%;box-sizing: border-box;}
.about02 .right h3{font-size: 36px;color: #222222;font-weight: bold;}
.about02 .right h4{font-size: 22px;color: #222222;font-weight: bold;margin: 30px 0;}
.about02 .right h5{font-size: 15px;color: #666666;line-height: 32px;text-align: justify;}
/* about03 */
.about03wrap{width: 100%;box-sizing: border-box;position: relative;}
.about03wrap .bg{display: block;width: 100%;}
.about03{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: absolute;top: 0;left: 0;height: 100%;}
.about03 li{width: calc((100% - 2px)/3);border-right: 1px solid #ddd;padding: 150px 0;background-color: rgba(0,0,0,0.3);position: relative;transition: all .3s;}
.about03 li:last-child{border: none;}
.about03 li h3{font-size: 44px;color: #ffffff;font-weight: bold;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;text-align: center;line-height: 52px;transform: scale(1,0.8);}
.about03 li h3::before,.about03 li h3::after{content: '';display: block;width: 46px;height: 2px;background-color: #FFFFFF;}
.about03 li h3::before{margin-bottom: 20px;}
.about03 li h3::after{margin-top: 20px;}
.about03 li p{font-size: 24px;color: #FFFFFF;text-align: center;margin-top: 50px;}
.about03 li .hovertext{font-size: 18px;color: #ffffff;opacity: 0;transition: all .3s;text-align: center;margin-top: 80px;line-height: 34px;}
.about03 li .bot{bottom: 70px;font-size: 13px;color: #FFFFFF;line-height: 24px;text-align: center;opacity: 0.5;text-transform: uppercase;position: absolute;left: 0;text-align: center;width: 100%;}
.about03 li:hover{background-color: rgba(65,67,75,0.75);}
.about03 li:hover .hovertext{opacity: 0.8;}
.about03 li:hover h3::before,.about03 li:hover h3::after{background-color: #2488cc;}
/* about04wrap */
.about04wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 130px 0;}
.about04wrap .a-tl{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 60px;text-align: center;font-weight: bold;}
.about04{width: 1200px;margin: auto;box-sizing: border-box;position: relative;}
.about04 .gallery-top{box-sizing: border-box;padding: 0;width: calc(100% - 160px);margin: auto;}
.about04 .gallery-top .text{width: 100%;text-align: center;}
.about04 .gallery-top .text h3{font-size: 24px;color: #222222;margin-bottom: 50px;font-weight: bold;}
.about04 .gallery-top .text h4,.about04 .gallery-top .text h4 p{font-size: 16px;color: #666666;line-height: 30px;}
.about04wrap .about04 .swiper-pagination{position: relative;bottom: 0;margin-top: 50px;margin-bottom: 30px;font-size: 15px;color: #222;}
.about04wrap .about04 .swiper-pagination .swiper-pagination-current{font-weight: bold;}
.about04wrap .about04 .swiper-button-next,.about04wrap .about04 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;border-radius: 50%;width: 60px;height: 60px;font-size: 18px;color: #333;background-image: none;}
.about04wrap .about04 .swiper-button-next::after,.about04wrap .about04 .swiper-button-prev::after{content: '';display: block;width: 8px;height: 8px;border-top: 1px solid #333;border-right: 1px solid #333;}
.about04wrap .about04 .swiper-button-prev::after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.about04wrap .about04 .swiper-button-next::after{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.about04wrap .about04 .thumbswrap{width: 100%;box-sizing: border-box;padding: 0 60px;position: relative;margin-top: 40px;}
.about04wrap .about04 .thumbswrap::after{content: '';display: block;width: 100%;height: 1px;background-color: #dddddd;position: absolute;left: 0;top:1px;}
.about04wrap .about04 .gallery-thumbs{width: 100%;}
.about04wrap .about04 .gallery-thumbs .swiper-slide{cursor: pointer;}
.about04wrap .about04 .gallery-thumbs .swiper-slide span{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 30px;margin: auto;margin-bottom: 20px;height: 2px;}
.about04wrap .about04 .gallery-thumbs .swiper-slide span::before{content: '';display: block;width: 30px;height: 2px;border-radius: 0;background-color: transparent;transition: all .3s;}
.about04wrap .about04 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span::before{width: 30px;height: 2px;background-color: #2488cc;}
.about04wrap .about04 .gallery-thumbs .swiper-slide p{font-size: 18px;color: #222222;font-family: arial;text-align: center;}
.about04wrap .about04 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{color: #2488cc;}
/* about05wrap */
.about05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../images/bg2.jpg)no-repeat fixed;background-size: cover;}
.about05wrap .top{text-align: center;margin: auto;width: 600px;margin-bottom: 50px;}
.about05wrap .top h3{font-size: 36px;color: #ffffff;margin-bottom: 60px;font-weight: bold;}
.about05wrap .top h4{font-size: 15px;color: #ffffff;line-height: 36px;}
.about05,.honor{width: 1200px;margin: auto;box-sizing: border-box;}
.about05 .swiper-slide{background-color: rgba(255,255,255,0.3);box-sizing: border-box;padding:5px;transition: all .3s;}
.about05 .swiper-slide img{width:100%;}
.about05 .swiper-slide .text{}
.about05 .swiper-slide .text h3{font-size: 14px;color: #ffffff;line-height: 30px;text-align: center;}
.swiper-slide .img{overflow: hidden;}
.swiper-slide .img img{transition: all .6s;}
.swiper-slide .img img:hover{transform: scale(1.1);}
.about05 .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;}
.about05 .swiper-button-next,.about05 .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #ffffff;background-image: none;}
.about05 .swiper-pagination{position: relative;margin: 0 50px;}
.about05 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #ffffff;opacity: 1;margin-right: 10px;}
.about05 .swiper-pagination-bullet:last-child{margin-right: 0;}
.about05 .swiper-pagination-bullet-active{background-color: #ffffff;}
.honor .swiper-slide img{width:100%;}
.honor .swiper-slide{background-color: rgba(255,255,255,0.3);box-sizing: border-box;padding:5px;transition: all .3s;}
.honor .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;}
.honor .swiper-button-next,.honor .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #2488cc;background-image: none;}
.honor .swiper-pagination{position: relative;margin: 0 50px;}
.honor .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #2488cc;opacity: 1;margin-right: 10px;}
.honor .swiper-pagination-bullet:last-child{margin-right: 0;}
.honor .swiper-pagination-bullet-active{background-color: #2488cc;}
/* 瑙ｅ喅鏂规 */
.solution01{width: 700px;margin: 100px auto;box-sizing: border-box;}
.s-tl{text-align: center;}
.s-tl h3{font-size: 36px;color: #222;font-weight:bold;}
.s-tl strong{display: block;width: 186px;height: 1px;background-color: #ddd;margin: 20px auto;position: relative;}
.s-tl strong::after{content: '';display: block;width: 30px;height: 2px;background-color: #2488cc;position: absolute;left: 50%;margin-left: -15px;bottom: 0;}
.s-tl h4{font-size: 16px;color: #666666;line-height: 34px;}
.s-tl p{font-size: 18px;color: #222;font-weight: bold;line-height: 22px;display: block;margin-bottom: 14px;}
.s-tl .more,.proonetext .more{ border: 1px solid #2488cc;margin: 20px auto 0;}
/* solution02wrap */
.solution02wrap{width: 100%;box-sizing: border-box;padding: 100px 0 100px;background: url(../images/bg_solution.jpg)no-repeat fixed;background-size: cover;}
.solution02wrap .tl{font-size: 36px;color: #ffffff;margin-bottom: 30px;text-align: center;}
.solution02wrap strong{display: block;width: 186px;height: 1px;background-color: rgba(255,255,255,0.33);margin: 20px auto;position: relative;}
.solution02wrap strong::after{content: '';display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;left: 50%;margin-left: -15px;bottom: 0;}
.solution02wrap h4{font-size: 16px;color: #fff;line-height: 34px;display: block;width: 700px;text-align: center;margin: auto;}
.solution02{width: 90%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;}
.solution02 li{width: 100%;box-sizing: border-box;padding: 40px 35px;border-right: 1px solid rgba(255,255,255,0.4);}
.solution02 li:last-child{border-right: none;}
.solution02 li img{display: block;width: auto;margin: auto;max-width: 100%;margin-bottom: 30px;}
.solution02 li h3{font-size: 14px;color: #ffffff;line-height: 24px;text-align: center;}
/* solution03 */
.solution03{width: 1200px;margin: 100px auto;box-sizing: border-box;}
.solution03 .cont{width: 100%;box-sizing: border-box;margin-top: 30px;}
.solution03 .cont a{display: block;width: 100%;position: relative;}
.solution03 .cont a img{display: block;width: 100%;}
.solution03 .cont a .text{position: absolute;width: 46%;box-sizing: border-box;padding: 40px 40px;height: 60%;background-color: rgba(255,255,255,0.9);right: 40px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.solution03 .cont a .text h3{font-size: 22px;color: #222222;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #aaaaaa;}
.solution03 .cont a .text h4{font-size: 15px;color: #666666;line-height: 28px;}
.solution03 .cont .swiper-pagination{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;box-sizing: border-box;padding: 0 40px;bottom: 10%;}
.solution03 .cont .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #FFFFFF;opacity: 0.6;margin: 0;margin-right: 10px;}
.solution03 .cont .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.solution03 .cont .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
/* solution04wrap */
.solution04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../images/bg08.jpg)no-repeat;background-size: cover;}
.solution04wrap .tl{font-size: 36px;color: #222222;margin-bottom: 40px;text-align: center;font-weight: bold;}
.solution04{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.solution04wrap .solution04{ font-size: 0;}
.solution04 li{width: 21%;margin-right:4%; margin-bottom:2%;}
.solution04 li:nth-of-type(4n){margin-right:0;}
.solution04 li .top{display: block;width: 100%;height: 54px;text-align: center;line-height: 54px;border: 1px solid #2488cc;font-size: 16px;color: #000000;border-radius: 2rem;font-weight:bold;background-color:#fff;}
.solution04 li .info{width: 100%;box-sizing: border-box;padding-left: 30px;padding-top: 20px;}
.solution04 li .info a{display: none;width: 100%;box-sizing: border-box;padding-left: 20px;position: relative;padding-left: 20px;font-size: 14px;line-height: 28px;}
.solution04 li .info a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #2488cc;position: absolute;left: 0;top: 12px;}
/* solution05 */
.solution05wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;}
.solution05{width: 100%;box-sizing: border-box;}
.solution05 .box{width: 100%;position: relative; background:url(/style/img/pro-bg.jpg);padding: 50px 0; background-size: cover;}
.solution05 .box .tupian{ display: block;width: 60%;overflow: hidden;}
.solution05 .box .tupian img{display: block;width:auto;margin:0 auto; height:420px; }
.solution05 .box .text{width: 40%;box-sizing: border-box;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding-right: 90px;}
.solution05 .box .text h3{font-size: 30px;font-weight: bold;margin-bottom: 10px;color: #FFFFFF;}
.solution05 .box .text h3 strong{font-size:18px;vertical-align:super;}
.solution05 .box .text h4{font-size: 18px;color: #FFFFFF;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #FFFFFF;}
.solution05 .box .text p{font-size: 14px;line-height: 30px;color: #FFFFFF; letter-spacing: 0;}
.solution05 .thumbswrap{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding-bottom: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;}
.solution05 .gallery-thumbs{width: 60%;margin: 0 30px;}
.solution05 .gallery-thumbs p{font-size: 16px;color: #333;text-align: center;margin-bottom: 10px;}
.solution05 .gallery-thumbs span{display: block;width: 8px;height: 8px;background-color: #bbbbbb;border-radius: 50%;margin: auto;}
.solution05 .swiper-slide-thumb-active p{color: #2488cc;}
.solution05 .swiper-slide-thumb-active span{background-color: #2488cc;}
.solution05 .swiper-button-prev,.solution05 .swiper-button-next{background-image: none;font-size:30px;color: #2488cc;position: relative;top: 0;margin: 0;padding: 0;left: 0;right: 0;width: auto;height: auto;outline: none;}
/* solution06wrap */
.solution06wrap{width: 100%;box-sizing: border-box;padding: 90px 0;background-color: #f1f2f3;}
.solution06{width: 1200px;display: block; margin: auto;margin-top: 30px;}
.solution06 a{display: block;width: 100%;box-sizing: border-box;}
.solution06 a .imgbox{width: 100%;overflow: hidden;position: relative;}
.solution06 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.solution06 a:hover .imgbox img{transform: scale(1.1);}
.solution06 a .text{width: 100%;box-sizing: border-box;padding-right: 30px;}
.solution06 a .text p{font-size: 15px;color: #666666;margin-bottom: 20px;margin: 20px 0;}
.solution06 a .text h3{font-size: 18px;color: #000000;line-height: 30px;font-weight: bold;}
.solution06 a .text .more{background-color: transparent;border: 1px solid #2488cc;margin-top: 40px;color: #2488cc;}
.solution06 a .text .more:hover{color: #FFFFFF;}
.solution06 a .text .more::after{background-color: #2488cc;}
.solution06 .swiper-container{ width: 100%;}
/* 楂樼 */
.gaoguan01wrap{width: 100%;box-sizing: border-box;background-color: #eeeff0;padding: 100px 0;}
.g-tl{width: 860px;margin: auto;text-align: center;}
.g-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.g-tl h4{font-size: 15px;color: #666666;line-height: 30px;}
/* gaoguan01 */
.gaoguan01{width: 1200px;margin: 100px auto 0;box-sizing: border-box;}
.gaoguan01 .box{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;}
.gaoguan01 .box .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.gaoguan01 .box .imgbox img{display: block;width: 100%;}
.gaoguan01 .box .text{width: 100%;box-sizing: border-box;padding: 30px 10px;background-color: #fff;text-align: center;margin-top: 10px;transition: all .3s;}
.gaoguan01 .box .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.gaoguan01 .box .text h4{font-size: 15px;color: #222222;line-height: 30px;opacity: 0.6;}
.gaoguan01 .swiper-slide:nth-of-type(2n) .box{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;}
.gaoguan01 .swiper-slide:nth-of-type(2n) .box .text{margin-top: 0;margin-bottom: 10px;}
.gaoguan01 .swiper-scrollbar{opacity: 1!important;width: calc(100% - 120px);height: 6px;background:#dddddd;}
.gaoguan01 .swiper-scrollbar-drag{background: #2488cc;border-radius: 10px;}
.gaoguan01 .bot{width: 100%;height: 50px;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 40px;}
.gaoguan01 .bot .swiper-button-next,.gaoguan01 .bot .swiper-button-prev{background-image: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #2488cc;border: 1px solid #2488cc;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: 50px;height: 50px;outline: none;background-color: #fff;}
.gaoguan01 .swiper-slide .box:hover .text{background-color: #2488cc;}
.gaoguan01 .swiper-slide .box:hover .text h3,.gaoguan01 .swiper-slide .box:hover .text h4{color: #fff;}
/* 閾傚姏鐗逛汉 */
.career01wrap{margin: 100px 0;}
.c-tl{text-align: center;}
.c-tl h3{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 20px;}
.c-tl strong{display: block;width: 180px;height: 2px;margin: 40px auto;position: relative;background-color: #ddd;}
.c-tl strong::before{content: '';display: block;width: 20px;height: 2px;background-color: #2488cc;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.career01wrap .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-top: 30px;}
.career01wrap .min .item{width: 340px;height: 340px;border: 1px solid #ddd;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;position: relative;margin-right: -20px;}
.career01wrap .min .item:last-child{margin-right: 0;}
.career01wrap .min .item span{display: inline-block;font-size: 18px;color: #aaaaaa;padding: 0 10px;background-color: #FFFFFF;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: -9px;}
.career01wrap .min .item .text{text-align: center;}
.career01wrap .min .item .text h3{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight: bold;}
.career01wrap .min .item .text p{font-size: 13px;color: #aaaaaa;margin-bottom: 30px;}
.career01wrap .min .item .text h4{font-size: 15px;color: #666666;line-height: 24px;min-height: 72px;}
/* career02wrap */
.career02wrap{width: 100%;box-sizing: border-box;}
.career02wrap .link{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;border-top: 1px solid #ddd;}
.career02wrap .link a{display: block;font-size: 16px;color: #222222;opacity: 0.5;margin-right: 60px;line-height: 80px;position: relative;font-weight: bold;}
.career02wrap .link a::after{content: '';display: block;width: 0;height: 2px;position: absolute;bottom: 0;left: 0;transition: all. 3s;background-color: #2488cc;transition: all .3s;}
.career02wrap .link a:hover::after,.career02wrap .link a.active::after{width: 100%;}
.career02wrap .link a:hover,.career02wrap .link a.active{color: #2488cc;opacity: 1;}
.career02{background-color: #f2f2f2;width: 100%;box-sizing: border-box;padding: 2% 2% 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: wrap;flex-wrap: wrap;}
.career02 a{display: block;width: 100%;background-color: #fff;width: 32%;margin-bottom: 2%;}
.career02 a .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.career02 a .min .text{width: 50%;box-sizing: border-box;disfl
display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;padding: 30px;}
.career02 a .min .text h3{font-size: 18px;color: #222222;font-weight: bold;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.career02 a .min .imgbox{position: relative;width: 50%;overflow: hidden;}
.career02 a .min .imgbox::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .3s;}
.career02 a .min .imgbox img{display: block;width: 100%;-webkit-filter:grayscale(1);filter:gray;filter:grayscale(1);transition: all .6s;}
.career02 a .min .imgbox .font{width: 100%;height: 48px;box-sizing: border-box;padding: 0 30px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: absolute;bottom: 0;left: 0;border-top: 1px solid #fff;font-size: 13px;color: #fff;opacity: 0;transition: all .3s;z-index: 1;}
.career02 a .min .imgbox .font i{font-size: inherit;color: inherit;}
.career02 a .bot{width: 100%;box-sizing: border-box;border-top: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 30px;height: 60px;}
.career02 a .bot h3{font-size: 15px;color: #222222;font-weight: bold;}
.career02 a .bot p{font-size: 14px;color: #888888;}
.career02 a:hover .min .imgbox::after{opacity: 1;}
.career02 a:hover .min .imgbox img{-webkit-filter:grayscale(0);filter:gray;filter:grayscale(0);transform: scale(1.1);}
.career02 a:hover .min .imgbox .font{opacity: 1;}
.career02 a:hover .min .text h3{color: #2488cc;}
.career02wrap{margin: 100px 0;}
.career02wrap .cont{width: 100%;}
.career02wrap .cont .swiper-wrapper{height: auto;}
.career02wrap .cont .swiper-slide video{display: block;width: 100%;opacity: 0.5;object-fit: fill;}
.career02wrap .cont .swiper-slide .VideoBtn{display: block;font-size: 60px;color: #2488cc;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;z-index: 10;}
.career02wrap .cont .swiper-slide.swiper-slide-active video{opacity: 1;}
.career02wrap .cont .swiper-button-next,.career02wrap .cont .swiper-button-prev{width: 46px;height: 46px;background-color: #2488cc;color: #FFFFFF;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;}
.career02wrap .cont .swiper-button-next{right: 0;}
.career02wrap .cont .swiper-button-prev{left: 0;}
.career02wrap .cont .swiper-pagination{width: 100%;margin-top: 30px;position: relative;}
.career02wrap .cont .swiper-pagination-bullet{width:8px;height: 8px;border: 1px solid #2488cc;margin-right: 10px;background-color: transparent;opacity: 1;outline: none;}
.career02wrap .cont .swiper-pagination-bullet:last-child{margin-right: 0;}
.career02wrap .cont .swiper-pagination-bullet-active{background-color: #2488cc;}
/* 渚涘簲閾� */
.supplywrap{width: 100%;box-sizing: border-box;margin-top: 90px;}
/* .supplywrap */
.supplytopwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;}
.supplytopwrap .text{width: 1200px;margin: auto;box-sizing: border-box;}
.supplytopwrap .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 10px;text-transform: uppercase;}
.supplytopwrap .text h3{font-size: 36px;color: #222222;font-weight: bold;}
/* supplyone01wrap */
.supplyone01wrap{width: 1200px;margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.supplyone01wrap .left{width: 30%;border-right: 1px solid #ddd;box-sizing: border-box;padding-right: 100px;}
.supplyone01wrap .left a{display: flex;width: 100%;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size:14px;color: #444444;height: 58px;border-bottom: 1px solid #ddd;}
.supplyone01wrap .left a i{font-size: inherit;color: inherit;}
.supplyone01wrap .left a:first-child{border-top: 1px solid #ddd;}
.supplyone01wrap .left a.active{color: #2488cc;}
.supplyone01wrap .right{width: 70%;box-sizing: border-box;padding-left: 100px;}
#wpcf7-f2414-o1{width: 100%;box-sizing: border-box;display: block;}
#wpcf7-f2414-o1 p{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 15px;}
#wpcf7-f2414-o1 input{display: flexbox;width: 100%;height: 44px;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #222;margin-bottom: 15px;}
#wpcf7-f2414-o1 select{display: flexbox;width: 100%;height: 44px;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #222;margin-bottom: 15px;}
#wpcf7-f2414-o1 ul{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
#wpcf7-f2414-o1 ul li{width: 48%;}
#wpcf7-f2414-o1 textarea{display: block;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;resize: none;width: 100%;height: 120px;margin-bottom: 30px;box-sizing: border-box;padding: 10px;font-size: 14px;color: #222;}
#wpcf7-f2414-o1 .more{border: 1px solid #2488cc;width: 130px;height: 36px;line-height: 34px;}
.screen-reader-response{ display: none; }
#wpcf7-f2414-o1 p span{ display: block;overflow: hidden;position: relative;}
#wpcf7-f2414-o1 p span span{position: absolute;top: 0;right: 5%;line-height: 40px;font-weight: normal;letter-spacing: 0;font-size: 12px;color: #eb881b;}
.wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;color: #000;letter-spacing: 0;font-size: 14px;color: #eb881b;}
/* 渚涘簲閾�02 */
.supplyone01wrap .right .text02{width: 100%;box-sizing: border-box;text-align: justify;}
.supplyone01wrap .right .text02 h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.supplyone01wrap .right .text02 p{font-size:18px;color: #222222; margin:0;}
.supplyone01wrap .right .text02 h4{font-size: 14px;color: #666666;line-height: 26px;margin-bottom: 30px; letter-spacing: 0;}
.supplyone01wrap .right .text02 h4:last-child{margin-bottom: 0;}
.supplyone01wrap .right .form02{width: 100%;box-sizing: border-box;}
.supplyone01wrap .right .form02 .tl{font-size: 24px;color: #222;font-weight: bold;margin-bottom: 30px;}
/* 鍛樺伐鐢熸椿 */
.careerone01{width: 1200px;margin: auto;box-sizing: border-box;padding-bottom: 30px;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-top: 100px;margin-bottom: 40px;}
.careerone01 a{display: block;width: 160px;height: 42px;line-height: 42px;background-color: #dddddd;color: #222222;font-size: 16px;margin-right: 20px;border-radius: 0px;}
.careerone01 a::after{background-color: #2488cc;}
.careerone01 a:last-child{margin-right: 0;}
.careerone01 a.active::after{width: 100%;}
.careerone01 a:hover,.careerone01 a.active{color: #fff;}
/* careerone02 */
.careerone02{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;}
.careerone02 a{display: block;width: 47%;margin-right: 6%;margin-bottom: 6%;}
.careerone02 a .imgbox{width: 100%;overflow: hidden;}
.careerone02 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.careerone02 a:hover .imgbox img{transform: scale(1.1);}
.careerone02 a .text{width: 100%;background-color: #eeeeee;box-sizing: border-box;padding: 25px 20px;font-size: 18px;color: #222222;}
.careerone02 a:nth-of-type(2n){margin-right: 0;}
.innerwrap .careerone02wrap .item{display: none;}
.innerwrap .careerone02wrap .item:first-child{display: block;}
/* 绮夋湯浜у搧鍒楄〃 */
.prolistone01{width: 1000px;box-sizing: border-box;padding: 100px 0;margin: auto;border-left: 1px solid #ddd;padding-right: 70px;}
.prolistone01 li{width: 100%;box-sizing: border-box;padding-left: 40px;margin-bottom: 100px;}
.prolistone01 li:last-child{margin-bottom: 0;}
.prolistone01 li .p-tl{width: 100%;box-sizing: border-box;font-size: 24px;color: #222222;margin-bottom: 30px;position: relative;text-align: left;}
.prolistone01 li .p-tl::before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -40px;top: 0;background-color: #2488cc;}
.prolistone01 li .info{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.prolistone01 li .info a{display: block;width: 23.5%;box-sizing: border-box;background-color: #b4b8ba;padding: 25px;margin-right: 2%;transition: all .3s;}
.prolistone01 li .info a .cont{display: block;width: 100%;box-sizing: border-box;border: 2px solid #fff;padding: 70px 20px;}
.prolistone01 li .info a .cont h3{font-size: 46px;color: #fff;font-weight: bold;text-transform: uppercase;}
.prolistone01 li .info a:last-child{margin-right: 0;}
.prolistone01 li .info a .cont p{font-size: 18px;color: #fff;display:none;}
.prolistone01 li .info a:hover{background-color: #e77d26;}
/* 绮夋湯浜у搧璇︽儏 */
.info .text{padding-top:80px;}
.prolistoneinfowrap{width: 1200px;box-sizing: border-box;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.prolistoneinfo{width:70%;margin: auto;box-sizing: border-box;padding: 100px 0 0;border-left: 1px solid #ddd;}
.prolistoneinfo li{width: 100%;box-sizing: border-box;padding-left: 40px;margin-bottom: 100px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;}
.prolistoneinfo li .tl{width: 100%;box-sizing: border-box;font-size: 24px;color: #222222;margin-bottom: 30px;position: relative;font-weight:bold;}
.prolistoneinfo li .tl::before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -40px;top: 0;background-color: #2488cc;}
.prolistoneinfo li .tlinfo{font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 40px;width: 100%;}
.prolistoneinfo li .imgbox01{width: 100%;box-sizing: border-box;}
.prolistoneinfo li .imgbox01 img{display: block;width: 100%;}
.prolistoneinfo li .imgbox02{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.prolistoneinfo li .imgbox02 a{display: block;width: 32%;margin-right: 2%;overflow: hidden;background-color: #fff;}
.prolistoneinfo li .imgbox02 a:last-child{margin-right: 0;}
.prolistoneinfo li .imgbox02 a .img{width: 100%;overflow: hidden;}
.prolistoneinfo li .imgbox02 a .img img{display: block;width: 100%;transition: all .6s;}
.prolistoneinfo li .imgbox02 a:hover .img img{transform: scale(1.1);}
.prolistoneinfo li .imgbox02 a .text{width: 100%;box-sizing: border-box;padding-top: 30px;}
.prolistoneinfo li .imgbox02 a .text h3{font-size: 16px;color: #000000;line-height: 22px;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.prolistoneinfo li .imgbox02 a .text .more{width: 120px;height: 38px;line-height: 38px;border: 1px solid #2488cc;}
.prolistoneinfo li .imgbox02 a .text .more::after{background-color: #fff;}
.prolistoneinfo li .imgbox02 a .text .more:hover{color: #2488cc;}
.prolistoneinfowrap .r-list{width: 30%;box-sizing: border-box;padding-left: 90px;padding-top: 100px;}
.prolistoneinfowrap .r-list h3{font-size: 24px;color: #222222;padding-bottom: 20px;border-bottom: 1px solid #ddd;font-weight: bold;}
.prolistoneinfowrap .r-list .min{width: 100%;box-sizing: border-box;}
.prolistoneinfowrap .r-list .min a{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 15px;color: #444444;height: 60px;border-bottom: 1px solid #ddd;}
.prolistoneinfowrap .r-list .min a i{font-size: 18px;color: #2488cc;margin-right: 10px;}
.prolistoneinfowrap .r-list .min a:hover{color: #2488cc;}
/* 绮夋湯 */
.proonetext{width: 1000px;box-sizing: border-box;padding: 0 60px;text-align: center;margin: 100px auto 50px;}
.proonetext h3{font-size: 30px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.proonetext h4{font-size: 18px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.proonetext p{font-size: 16px;color: #666666;line-height: 30px;}
/* proone01wrap */
.proone01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 60px 0;}
.proone01wrap::after{content: '';display: block;width: 60%;height: 100%;background-color: #f1f2f3;position: absolute;right: 0;top: 0;z-index: 0;}
.proone01{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;z-index: 1;}
.proone01 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.proone01 .imgbox img{display: block;width: 100%;transition: all .6s;}
.proone01 .text{width: 50%;box-sizing: border-box;padding: 0 calc((100% - 1200px)/2) 0 80px;}
.proone01 .text li h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.proone01 .text li p{font-size: 16px;line-height: 36px;position: relative;box-sizing: border-box;padding-left: 15px;color: #666666;}
.proone01 .text li p::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #666666;position: absolute;left: 0;top: 15px;}
.proone01 .text li{margin-bottom: 40px;}
.proone01 .text li:last-child{margin-bottom: 0;}
/* proone0201 */
.proone0201{width: 1200px;background: none;border-bottom: 1px solid #ddd;margin: auto;padding: 0 0 50px;}
/* proone02 */
.proone02{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.proone02 a{display: block;width: calc((100% - 2px) / 3);overflow: hidden;position: relative;margin-bottom:1px;}
.proone02 a .bg{display: block;width: 100%;transition: all .6s;}
.proone02 a:hover .bg{transform: scale(1.1);}
.proone02 a::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(33,33,33,0.7);position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;}
.proone02 a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 90px;z-index: 1;}
.proone02 a .text .cont{position: relative;width: 100%;text-align: center;}
.proone02 a .text .cont h3{font-size: 24px;color: #ffffff;}
.proone02 a .text .cont strong{display: block;width: 70%;height: 1px;background-color: rgba(255,255,255,0.5);margin: 20px auto 10px;transition: all .3s;}
.proone02 a .text .cont img{display: block;width: auto;height: 64px;margin: auto;transition: all .3s;}
.proone02 a .text .cont h4{font-size: 15px;color: #ffffff;line-height: 30px;top: 65px;position: absolute;transform: translateY(100%);transition: all .3s;opacity: 0;width: 100%;text-align: center;}
.proone02 a:hover .text .cont img{opacity: 0;}
.proone02 a:hover .text .cont h4{transform: none;opacity: 1;}
.proone02 a:hover .text .cont strong{width: 10%;}
.proone02 a:hover::after{background-color: rgba(230,119,27,0.9);}
/* proone03 */
.proone03{width: 1000px;margin: auto;box-sizing: border-box;margin-bottom: 40px;}
.proone03 .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.proone03 .imgbox img{display: block;width: auto;margin: auto;max-width: 90%;}
.proone03 ul{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: -70px;}
.proone03 ul li{width: 20%;box-sizing: border-box;text-align: center;}
.proone03 ul li img{display: block;width: auto;margin: auto;max-width: 80%;margin-bottom: 20px;}
.proone03 ul li h3{font-size: 16px;color: #666666;line-height: 24px;}
.proone03 ul li:nth-of-type(1),.proone03 ul li:nth-of-type(4){margin-top: -70px;}
/* proone04 */
.proone00{display: block;width: 100%;overflow: hidden;background-color: #f1f2f3;}
.proone04{width: 100%;box-sizing: border-box;background-color: #fff;padding: 100px 0;}
.proone04 .tl{font-size: 30px;color: #222222;font-weight: bold;text-align: center;}
.proone04 .t-info{font-size: 16px;color: #666666;margin: 40px 0;text-align: center;}
.proone04 .more{margin: auto;border: 1px solid #2488cc;}
.proone05 a .cont h3{font-size: 40px;color: #fff;font-weight: bold;text-transform: uppercase;}
.proone05{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-top: 1px solid #ddd;padding-top: 40px;margin-bottom: 100px;}
.proone05 a{display: block;width: 18.4%;box-sizing: border-box;background-color: #b4b8ba;padding: 25px;margin-right: 2%;transition: all .3s;}
.proone05 a .cont{display: block;width: 100%;box-sizing: border-box;border: 2px solid #fff;padding: 70px 20px;}
.proone04 .proone05 a .cont h3{font-size: 28px;color: #fff;font-weight: bold;text-transform: uppercase;}
.proone04 .proone05 a .cont{padding: 80px 20px;}
.proone05 a:nth-of-type(4n){margin-right: 0;}
.proone05 a .cont p{font-size: 18px;color: #fff; display: none;}
.proone05 a:hover{background-color: #e77d26;}
.proone04 .proone05{padding-top: 0;border: none;margin-bottom: 0px;}
/* join01 */
.join01wrap{width: 1200px;box-sizing: border-box;margin: 100px auto;}
.j-tl{text-align: center;margin-bottom: 40px;}
.j-tl h3{font-size: 30px;color: #222222;font-weight: bold;}
.j-tl strong{display: block;width: 190px;height: 1px;background-color: #ddd;margin: auto;position: relative;margin-top: 20px;}
.j-tl strong::before{content: '';display: block;width: 20px;height: 2px;background-color: #2488cc;position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
/* join01 */
.join01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.join01 a{width: calc((100% - 1px)/2);display: block;position: relative;}
.join01 a::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .3s;background-color: rgba(51,54,57,0.66);}
.join01 a:hover::after{opacity: 1;}
.join01 a img{display: block;width: 100%;transition: all .6s;}
.join01 a .text{width: 100%;position: absolute;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 70px;bottom: 0px;transition: all .4s;z-index: 1;}
.join01 a .text .cont{width: 100%;position: relative;padding-bottom: 70px;}
.join01 a .text .cont h3{font-size: 24px;color: #ffffff;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);}
.join01 a .text .cont h4{font-size: 15px;color: #fff;line-height: 30px;min-height: 90px;}
.join01 a .text .cont .more{background-color: transparent;border: 1px solid #fff;width: 140px;height: 42px;line-height: 42px;margin-top: 40px;position: absolute;left: 0;bottom: 0;opacity: 0;transition: all .3s;}
.join01 a:hover .text{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.join01 a:hover .text .cont .more{opacity: 1;}
.join01 a:hover .text .cont h4{opacity: 0.75;}
/* join02 */
.join02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;position: relative;}
.join02{width: 1200px;margin: auto;margin-bottom: 60px;position: relative;}
.join02 a{display: block;width: 100%;box-sizing: border-box;}
.join02 a .imgbox{width: 100%;overflow: hidden;}
.join02 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.join02 a:hover .imgbox img{transform: scale(1.1);}
.join02 a .text{width: 100%;box-sizing: border-box;padding-top: 20px;}
.join02 a .text p{font-size: 15px;color: #666666;margin-bottom: 20px;}
.join02 a .text h3{font-size: 18px;color: #000000;line-height: 30px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.join02wrap .more{border: 1px solid #2488cc;background-color: transparent;width: 130px;height: 40px;line-height: 40px;margin: auto;color: #2488cc;}
.join02wrap .more::after{background-color: #2488cc;}
.join02wrap .more:hover{color: #fff;}
.join02 .swiper-button-next,.join02 .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;}
.join02 .swiper-button-next{right: -60px;}
.join02 .swiper-button-prev{left: -60px;}
/* join03 */
.join03{width: 1200px;box-sizing: border-box;margin: 100px auto;}
.join03 .top{display: block;width: 370px;height: 94px;border-radius: 90px;background-color: #2488cc;font-size: 30px;color: #FFFFFF;text-align: center;line-height: 94px;position: relative;z-index: 1;margin: auto;border: 5px solid #eeeeee;margin-bottom: -52px;}
.join03 .contwrap{width: 100%;margin: auto;box-sizing: border-box;border-radius: 10px;border: 5px solid #eeeeee;border-right: none;box-shadow: 0px 0px 15px rgba(0,0,0,0.3);padding: 60px 70px;height: 560px;overflow-y: scroll;}
.join03 .contwrap .cont{width: 100%;box-sizing: border-box;}
.join03 .contwrap .cont li{width: 100%;padding: 60px 0;position: relative;padding-left: 100px;box-sizing: border-box;border-bottom: 1px dashed #ddd;}
.join03 .contwrap .cont li font{font-size: 54px;color: #dddddd;font-weight: bold;position: absolute;left: 0;top: 50px;}
.join03 .contwrap .cont li h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.join03 .contwrap .cont li h4{font-size: 16px;color: #666666;line-height: 30px;}
.join03 .contwrap::-webkit-scrollbar{width:4px;height:4px;scrollbar-arrow-color:red;}
.join03 .contwrap::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(230,119,27,0.9);background:rgba(230,119,27,0.9);scrollbar-arrow-color:red;}
.join03 .contwrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #eeeeee;border-radius:5px;background:#eeeeee}
/* join04wrap */
.join04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../images/career_bg02.jpg)no-repeat fixed;background-size: cover;}
.join04{width: 960px;margin: auto;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.join04 a{display: block;width: 31%;position: relative;box-sizing: border-box;padding: 40px;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);margin-bottom: 4%;text-align: center;border-radius: 10px;transition: all .3s;}
.join04 a img{display: block;width: auto;margin: auto;height: 52px;margin-bottom: 30px;}
.join04 a h3{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;white-space: nowrap;font-size: 22px;color: #222222;}
.join04 a h3::before,.join04 a h3::after{content: '';display: block;width: 40px;height: 1px;background-color: #888888;}
.join04 a h3::before{margin-right: 10px;}
.join04 a h3::after{margin-left: 10px;}
.join04 a p{font-size: 12px;color: #888888;margin-top: 10px;}
.join04 a .img02{display: none;}
.join04 a:hover .img02{display: block;}
.join04 a:hover .img01{display: none;}
.join04 a:hover{background-color: #2488cc;}
.join04 a:hover h3,.join04 a:hover p{color: #fff;}
.join04 a:hover h3::before,.join04 a:hover h3::after{background-color: #fff;}
/* join05 */
.join05wrap{margin: 100px 0;width: 100%;}
.join05wrap .more{border: 1px solid #2488cc;background-color: transparent;width: 130px;height: 40px;line-height: 40px;margin: auto;color: #2488cc;}
.join05wrap .more::after{background-color: #2488cc;}
.join05wrap .more:hover{color: #fff;}
/* 楂樼璇︽儏 */
.gaoguaninfo{width: 100%;box-sizing: border-box;}
.gaoguaninfo01{width: 100%;background-color: #f1f2f3;padding: 100px 0;margin-top: 90px;}
.gaoguaninfo01 .cont{width: 1200px;margin: auto;}
.gaoguaninfo01 .cont p{font-size: 14px;color: #aaaaaa;margin-bottom: 10px;}
.gaoguaninfo01 .cont h3{font-size: 36px;color: #222222;font-weight: bold;}
/* gaoguaninfo02wrap */
.gaoguaninfo02wrap{width: 1200px;margin:0 auto 100px;box-sizing: border-box;}
.gaoguaninfo02{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 70px 0;border-bottom: 1px solid #ddd;}
.gaoguaninfo02 .imgbox{width: 30%;box-sizing: border-box;padding-right: 50px;border-right: 1px solid #ddd;}
.gaoguaninfo02 .imgbox img{display: block;width: auto;max-width: 100%;}
.gaoguaninfo02 .min{width: 70%;box-sizing: border-box;padding-left: 50px;}
.gaoguaninfo02 .min .top{width: 90%;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.gaoguaninfo02 .min .top h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.gaoguaninfo02 .min .top p{font-size: 18px;color: #222222;font-weight: bold;}
.gaoguaninfo02 .min .info h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 20px;letter-sapcing:0;}
.gaoguaninfo02 .min .info h4:last-child{margin-bottom: 0;}
.gaoguaninfo02wrap .goback{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 15px;color: #666666;margin-top: 30px;}
.gaoguaninfo02wrap .goback i{font-size: 15px;color: #666;margin-right: 10px;display: block;}
/* 璁惧浜у搧 */
.pro02banner{position:relative;}
.pro02banner video{display:block;width:100%;height:auto;}
.pro02banner::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 0;}
.protwowrap{background-color: #eeeeee;}
.protwo01wrap{width: 100%;box-sizing: border-box;padding: 0 5%;margin: 100px 0;}
.protwo-tl{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;white-space: nowrap;font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.protwo-tl::before,.protwo-tl::after{content: '';display: block;width: 50%;height: 1px;background-color: #ddd;}
.protwo-tl::before{margin-right: 30px;}
.protwo-tl::after{margin-left: 30px;}
.protwo01{width: 100%;box-sizing: border-box;background-color: #fff;padding: 100px 0;position: relative;}
.protwo01 .box{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.protwo01 .box .img{width: 50%;box-sizing: border-box;}
.protwo01 .box .img img{display: block;width: 100%;}
.protwo01 .box .text{width: 50%;box-sizing: border-box;padding: 0 100px 0 20px;}
.protwo01 .box .text p{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.protwo01 .box .text h3{font-size: 26px;color: #222222;font-weight: bold;}
.protwo01 .box .text font{display: block;font-size: 24px;color: #444444;margin: 30px 0;font-weight:bold;}
.protwo01 .box .text h4{font-size: 15px;color: #888888;line-height: 26px;}
.protwo01 .box .text .more{margin-top: 30px;border: 1px solid #2488cc;}
.protwo01 .swiper-button-next,.protwo01 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);background-image: none;outline: none;}
.protwo01 .swiper-button-next{right: -25px;}
.protwo01 .swiper-button-prev{left: -25px;}
.protwo01 .swiper-pagination{width: 100%;bottom: 40px;}
.protwo01 .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #2488cc;border-radius: 50%;margin-right: 15px;opacity: 1;outline: none;}
.protwo01 .swiper-pagination .swiper-pagination-bullet-active{background-color: #2488cc;}
/* protwo02 */
.protwo02wrap{width: 90%;margin: 100px auto;}
.protwo02{width: 100%;position: relative;}
.protwo02 .box{width: 100%;background-color: #fff;padding: 60px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.protwo02 .box .text{width:50%;box-sizing: border-box;padding-left: 50px;margin-right: -10%;position: relative;z-index: 1;}
.protwo02 .box .text p{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.protwo02 .box .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.protwo02 .box .text font{display: block;font-size: 20px;color: #444444;margin: 30px 0;font-weight:bold;}
.protwo02 .box .text h4{font-size: 15px;color: #888888;line-height: 26px;}
.protwo02 .box .text .more{margin-top: 30px;border: 1px solid #2488cc;width: 160px;height: 44px;line-height: 44px;}
.protwo02 .box .img{width: 50%;}
.protwo02 .box .img img{display: block;width: 100%;}
.protwo02 .swiper-button-next,.protwo02 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);background-image: none;outline: none;}
.protwo02 .swiper-button-next{right: -25px;}
.protwo02 .swiper-button-prev{left: -25px;}
/* 璁惧浜у搧璇︽儏 */
.protwoinfo01wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;}
.protwoinfo01{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.protwoinfo01 .imgbox{width: 50%;}
.protwoinfo01 .imgbox .gallery-top{width: 100%;box-sizing: border-box;border: 1px solid #ddd;}
.protwoinfo01 .imgbox img{display: block;width: 100%;background-color: #fff;}
.protwoinfo01 .imgbox .gallery-thumbs{padding-top: 12px;}
.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide{box-sizing: border-box;position: relative;cursor: pointer;border: 1px solid #ddd;}
.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active,.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide:hover{border: 2px solid #2488cc;}
.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide::before{content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #2488cc;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;}
.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active::before{opacity: 1;}
.protwoinfo01 .text{width: 50%;box-sizing: border-box;padding-left: 60px;}
.protwoinfo01 .text li{width: 100%;margin-bottom: 30px;}
.protwoinfo01 .text li:last-child{margin-bottom: 0;}
.protwoinfo01 .text li .tl{font-size: 24px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.protwoinfo01 .text li .info{width: 100%;box-sizing: border-box;padding: 30px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.protwoinfo01 .text li .info p{font-size: 16px;color: #666666;line-height: 32px;}
.protwoinfo01 .text li .img{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 60px;}
.protwoinfo01 .text li .img .item{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;align-items: center;-webkit-align-items: center;}
.protwoinfo01 .text li .img .item img{display: block;width: auto;max-width: 100%;}
.protwoinfo01 .text li .img .item p{font-size: 16px;color: #666666;line-height: 26px;}
.protwoinfo01 .text li .more{width: 290px;height: 50px;line-height: 50px;font-size: 16px;}
.protwoinfo01 .text li .more i{font-size: inherit;color: inherit;margin-left: 10px;}
.productinfo_banner .text{padding-top: 80px;}
/* protwoinfo02wrap */
.protwoinfo02wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;}
.p-twoinfo{display: block;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;font-size: 30px;font-weight: bold;color: #222222;}
.protwoinfo02{width: 100%;position: relative;}
.protwoinfo02 .box{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;display: block;}
.protwoinfo02 .box .imgbox{width: 100%;box-sizing: border-box;}
.protwoinfo02 .box .imgbox img{display: block;width: 100%;}
.protwoinfo02 .box .text{width: 100%;box-sizing: border-box;padding-left: 0;margin-top: 30px;}
.protwoinfo02 .box .text h3{font-size: 22px;margin-bottom: 30px;font-weight: bold;color: #222222;}
.protwoinfo02 .box .text .info{margin-bottom: 30px;}
.protwoinfo02 .box .text .info p{font-size: 15px;line-height: 30px;color: #222222;font-weight: bold;}
.protwoinfo02 .box .text h4{font-size: 15px;line-height: 30px;color: #666666;}
.protwoinfo02 .page{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;}
.protwoinfo02 .page .swiper-button-next,.protwoinfo02 .page .swiper-button-prev{background-image: none;font-size: 20px;position: relative;padding: 0;margin: 0;width: auto;height: auto;top: 0;left: 0;right: 0;outline: none;}
.protwoinfo02 .page .swiper-pagination{position: relative;margin: 0 30px;}
.protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #aaaaaa;margin: 0;margin-right: 12px;opacity: 1;}
.protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet-active{background-color: #2488cc;}
/* xzgn01 */
.xzgn01{width: 1200px;margin: 100px auto;box-sizing: border-box;}
.xzgn01 .imgbox{width: 100%;box-sizing: border-box;}
.xzgn01 .imgbox img{display: block;width: 100%;}
.xzgn01 .imgbox img.sjimg{display: none;}
/* protwoinfo03wrap */
.protwoinfo03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.protwoinfo03{width: 1200px;margin: auto;}
.protwoinfo03 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.protwoinfo03 .cont .imgbox{width: 50%;box-sizing: border-box;}
.protwoinfo03 .cont .text{width: 50%;box-sizing: border-box;padding-left: 0px;}
.protwoinfo03 .cont .text img{width:100%;}
.protwoinfo03 .cont .text li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 40px;}
.protwoinfo03 .cont .text li img{display: block;width: auto;max-width: 100%;}
.protwoinfo03 .cont .text li p{font-size: 16px;color: #666;margin-left: 30px;}
.protwoinfo03 .cont .text li p font{font-weight: bold;font-size: 16px;color: #666;margin-right: 10px;}
.protwoinfo03 .cont .text li:last-child{margin-bottom: 0;}
/* protwoinfo04wrap */
.protwoinfo04wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;}
.protwoinfo04wrap .p-twoinfo{border-bottom: none;}
.protwoinfo04wrap .p-tab{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 30px;}
.protwoinfo04wrap .p-tab a{display: block;line-height: 70px;position: relative;font-size: 20px;color: #666666;margin-right: 80px;}
.protwoinfo04wrap .p-tab a:last-child{margin-right: 0;}
.protwoinfo04wrap .p-tab a::after{content: '';display: block;width: 0%;height: 2px;background-color: #2488cc;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.protwoinfo04wrap .p-tab a:hover::after,.protwoinfo04wrap .p-tab a.active::after{width: 100%;}
.protwoinfo04wrap .p-tab a:hover,.protwoinfo04wrap .p-tab a.active{color: #2488cc;}
.protwoinfo04{width: 100%;box-sizing: border-box;position: relative;}
.protwoinfo04 .item{width: 100%;position: relative;display: none;}
.protwoinfo04 .item:first-child{display: block;}
.protwoinfo04 .item a{display: block;}
.protwoinfo04 .item a .imgbox{width: 100%;box-sizing: border-box;}
.protwoinfo04 .item a .imgbox img{display: block;width: 100%;}
.protwoinfo04 .item a .text{width: 100%;}
.protwoinfo04 .item a .text h3{font-size: 16px;color: #222222;margin-top: 20px;font-weight: bold;}
.protwoinfo04 .swiper-button-next,.protwoinfo04 .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;}
.protwoinfo04 .swiper-button-next{right: -60px;}
.protwoinfo04 .swiper-button-prev{left: -60px;}
.protwoinfo04 .item a .text h4{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: left;margin-top: 20px;}
.protwoinfo04 .item a .text h4 font{font-size: 16px;color: #222222;white-space: nowrap;line-height: 24px;}
.protwoinfo04 .item a .text h4 p{font-size: 16px;line-height: 24px;color: #666666;}
/* protwoinfo05wrap */
.protwoinfo05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.protwoinfo05wrap .p-twoinfo{width: 1200px;margin: auto;margin-bottom: 30px;}
.protwoinfo05{width: 1200px;margin: auto;position: relative;}
.protwoinfo05 a font{background-color: transparent;color: #2488cc;border: 1px solid #2488cc;opacity: 0;margin-top: 20px;width: 130px;height: 36px;line-height: 36px;transition: all .3s;}
.protwoinfo05 a font::after{background-color: #2488cc;}
.protwoinfo05 a font:hover{color: #fff;}
.protwoinfo05 a:hover .text h3{color: #2488cc;}
.protwoinfo05 a:hover font{opacity: 1;}
/* protwoinfo06wrap */
.protwoinfo06wrap{width: 100%;box-sizing: border-box;padding: 100px 0;}
.protwoinfo06wrap .p-twoinfo{width: 1200px;margin: auto;margin-bottom: 30px;}
.js-media{display:block;width:100%;}
.protwoinfo06wrap .join02 .swiper-button-next,.protwoinfo06wrap .join02 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);background-image: none;outline: none;}
.protwoinfo06wrap .join02 .swiper-button-next::before,.protwoinfo06wrap .join02 .swiper-button-prev::before{color: #333;}
.protwoinfo06wrap .join02 .swiper-button-next{right: -25px;}
.protwoinfo06wrap .join02 .swiper-button-prev{left: -25px;}
.protwoinfo06wrap .join02{width: 1200px;margin: auto;position: relative;}
/* 鎵撳嵃鏈嶅姟 */
.prothere01{width: 1200px;margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.prothere01 .imgbox{width: 50%;overflow: hidden;}
.prothere01 .imgbox img{display: block;width: 100%;}
.prothere01 .text{width: 50%;box-sizing: border-box;padding-left: 40px;}
.prothere01 .text h3{font-size: 18px;color: #222222;font-weight: bold;line-height: 30px;margin-bottom: 30px;letter-spacing: 0;}
.prothere01 .text h4{font-size: 16px;color: #666666;line-height: 30px;}
.p-tl{font-size: 30px;font-weight: bold;margin-bottom: 40px;text-align: center;color: #222222;}
/* prothere02 */
.prothere02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f6f8;}
.prothere02{width: 1200px;margin: auto;box-sizing: border-box;position: relative;}
.prothere02 .gallery-thumbs .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;cursor: pointer;}
.prothere02 .gallery-thumbs .bigimgbox{width: 100px;padding: 0 10px;position: relative;}
.prothere02 .gallery-thumbs .bigimgbox::after{content: '';position: absolute;bottom: 0;left: 0;background-color: #2488cc;height: 2px;width: 0%;}
.prothere02 .gallery-thumbs .bigimgbox .img{width: 100px;height: 100px;box-sizing: border-box;border: 10px solid #cacaca;background-color: #fff;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: auto;}
.prothere02 .gallery-thumbs .bigimgbox .img img{display: block;width: auto;max-width: 60%;}
.prothere02 .gallery-thumbs .bigimgbox .img .img02{display: none;}
.prothere02 .gallery-thumbs .bigimgbox h4{font-size: 18px;color: #666666;text-align: center;margin: 10px 0;line-height: 24px;min-height: 48px;white-space: nowrap;}
.prothere02 .gallery-thumbs .bigimgbox h4 span{display: block;font-size: 14px;color: inherit;}
.prothere02 .gallery-thumbs .bigimgbox i{display: block;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #2488cc;margin: auto;opacity: 0;margin-bottom: 10px;}
.prothere02 .gallery-top{width: 100%;box-sizing: border-box;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.prothere02 .gallery-top .text{width: 100%;box-sizing: border-box;padding: 90px 180px;}
.prothere02 .gallery-top .text .tl{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;white-space: nowrap;align-items: center;-webkit-align-items: center;}
.prothere02 .gallery-top .text .tl p{font-size: 14px;color: #2488cc;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;white-space: nowrap;align-items: center;-webkit-align-items: center;}
.prothere02 .gallery-top .text .tl p::after{content: '';display: block;width: 100px;margin: 0 10px;height: 1px;background-color: #2488cc;}
.prothere02 .gallery-top .text .tl::after{content: '';width: 100%;height: 1px;background-color: #ddd;}
.prothere02 .gallery-top .text h4{font-size: 22px;color: #222222;font-weight: bold;margin: 30px 0;}
.prothere02 .gallery-top .text p{font-size: 15px;color: #666666;line-height: 30px;}
.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img .img02{display: block;}
.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img .img01{display: none;}
.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img{border-color: #2488cc;}
.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox h4{color: #222222;}
.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox i{opacity: 1;}
.prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox::after{width: 100%;}
.prothere02 .gallery-thumbs .swiper-slide:first-child::before{content: '';display: block;width: 1px;height: 30px;background-color: #ddd;position: absolute;left: 0;top: 35px;}
.prothere02 .gallery-thumbs .swiper-slide::after{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-left-color: #dddddd;position: absolute;right: -10px;top: 45px;}
.prothere02 .gallery-thumbs .swiper-slide:last-child::after{width: 1px;height: 30px;background-color: #ddd;position: absolute;right: 0;top: 35px;border: none;}
.prothere02 .bot{position: relative;}
.prothere02 .swiper-button-next,.prothere02 .swiper-button-prev{background-image: none;font-size: 40px;color: #c2c3c3;width: auto;height: auto;margin-top: -20px;outline: none;}
.prothere02 .swiper-button-next{right: -60px;}
.prothere02 .swiper-button-prev{left: -60px;}
/* prothere03 */
.prothere03wrap{width: 100%;box-sizing: border-box;margin: 100px auto;}
.prothere03{width: 100%;position: relative;}
.prothere03 .li{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;}
.prothere03 .li img{display: block;width: 100%;transition: all .6s;}
.prothere03 .li:hover img{transform: scale(1.1);}
.prothere03 .li::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(35,35,35,0.75);position: absolute;top: 0;left: 0;transition: all .3s;z-index: 1;}
.prothere03 .li .text{position: absolute;width: 100%;box-sizing: border-box;text-align: center;top: 50%;left: 0;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 65px;}
.prothere03 .li .text strong{display: block;width: 70px;height: 1px;background-color: rgba(255,255,255,0.5);margin: auto;transition: all .3s;}
.prothere03 .li .text h4{font-size: 16px;color: #ffffff;line-height: 30px;text-align: center;min-height: 90px;opacity: 0;transform: translateY(50px);transition: all .3s;margin-bottom: 50px;}
.prothere03 .li:hover .text strong{width: 70px;background-color: rgba(255,255,255,0.5);}
.prothere03 .li .text h3{font-size: 24px;color: #ffffff;margin: 30px auto;text-align: center;}
.prothere03 .li:hover::before{background-color: rgba(230,119,27,0.9);}
.prothere03 .li:hover .text h4{opacity: 0.75;transform: none;}
.prothere03 .li .text a{border: 1px solid #fff;color: #fff;width: 150px;height: 42px;line-height: 42px;background-color: transparent;margin: auto;opacity: 0;transform: translateY(50px);transition: all .3s;}
.prothere03 .li .text a::after{border: #fff;}
.prothere03 .li .text a:hover{color: #2488cc;}
.prothere03 .li:hover .text a{transform: none;opacity: 1;}
.prothere03 .swiper-button-next,.prothere03 .swiper-button-prev{width: 46px;height: 46px;background-color: #fff;color: #1c3e7d;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;}
.prothere03 .swiper-button-next{right: 0;}
.prothere03 .swiper-button-prev{left: 0;}
/* prothere04wrap */
.prothere04wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;}
.prothere04{width: 100%;box-sizing: border-box;position: relative;}
.prothere04 a{display: block;width: 100%;}
.prothere04 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.prothere04 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.prothere04 a:hover .imgbox img{transform: scale(1.1);}
.prothere04 a .text h3{font-size: 18px;color: #222222;margin-top: 20px;text-align: center;}
.prothere04 .swiper-button-next,.prothere04 .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;}
.prothere04 .swiper-button-next{right: -60px;}
.prothere04 .swiper-button-prev{left: -60px;}
/* prothere05wrap */
.prothere05wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;}
.prothere05wrap .proonetext{margin-top: 0;padding-top: 0;margin-bottom: 80px;}
.prothere05wrap .proonetext02{padding-top: 60px;}
.tablewraps{width: 1200px;margin: auto;box-sizing: border-box;margin-top: 50PX;}
.tablewraps .tab{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 40px;}
.tablewraps .tab a{display: block;width: 400px;line-height: 60px;border: 1px solid #ddd;background-color: #fff;margin-right: 20px;font-size: 16px;color: #222222;text-align: center;transition: all .3s;}
.tablewraps .tab a:last-child{margin-right: 0;}
.tablewraps .tab a.active,.tablewraps .tab a:hover{background-color: #2488cc;border-color: #2488cc;color: #fff;}
.tablewraps .min{width: 100%;box-sizing: border-box;}
.tablewraps .min .item{width: 100%;display: none;}
.tablewraps .min .item:first-child{display: block;}
.tablewraps .min .item img{display: block;width: 100%;}
.prothere05wrap .proonetext03{margin-bottom: 0;}
.prothere05wrap .proonetext03 .more{margin: auto;margin-top: 30px;}
/* prothere05 */
.prothere05{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-bottom: 1px solid #ddd;}
.prothere05 li{width: 23.5%;box-sizing: border-box;padding: 0 40px 40px;background-color: #fff;position: relative;margin-right: 2%;margin-bottom: 53px;}
.prothere05 li:nth-of-type(4n){margin-right: 0;}
.prothere05 li h3{display: block;width: 200px;line-height: 46px;background-color: #fff;border-radius: 46px;border: 1px solid #2488cc;font-size: 16px;color: #666666;text-align: center;margin-top: -23px;margin-bottom: 30px;}
.prothere05 li h4{font-size: 14px;line-height: 28px;color: #666666;text-align: center;}
.prothere02{margin-top: 50px;}
/* 鍒涙柊璁捐 */
.serviceone01{margin: 100px auto;box-sizing: border-box;}
.serviceone01 .cont{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.serviceone01 .cont li{width: 33.33%;text-align: center;box-sizing: border-box;padding: 0 20px;}
.serviceone01 .cont li:nth-of-type(2n){border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.serviceone01 .cont li img{display: block;width: auto;margin: auto;}
.serviceone01 .cont li h3{font-size: 18px;color: #222222;font-weight: bold;margin-top: 20px;}
.serviceone01 .cont li strong{display: block;width: 30px;height: 2px;background-color: #2488cc;margin: 20px auto;}
.serviceone01 .cont li h4{font-size: 15px;line-height: 24px;color: #666666;opacity: 0;transition: all .3s;}
.serviceone01 .cont li:hover h4{opacity: 1;}
/* serviceone02wrap */
.serviceone02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.serviceone02{margin: auto;box-sizing: border-box;}
.serviceone02 .cont{width: 100%;position: relative;}
.serviceone02 .cont a{display: block;width: 100%;box-sizing: border-box;
position: relative;}
.serviceone02 .cont a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.serviceone02 .cont a .imgbox img{display: block;width: 100%;transition: all .6s;}
.serviceone02 .cont a:hover .imgbox img{transform: scale(1.1);}
.serviceone02 .cont a .text{width: 100%;box-sizing: border-box;text-align: center;padding: 0 20px;}
.serviceone02 .cont a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin: 20px auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serviceone02 .cont a .text h4{font-size: 15px;color: #666666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 20px;min-height:48px;}
.serviceone02 .cont a .text .more{border: 1px solid #2488cc;margin: auto;}
.serviceone02 .cont .swiper-button-next,.serviceone02 .cont .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;outline: none;}
.serviceone02 .cont .swiper-button-next{right: -60px;}
.serviceone02 .cont .swiper-button-prev{left: -60px;}
/* serviceone03wrap */
.contwidth{width: 1200px;}
.serviceone03wrap{margin: 100px auto;box-sizing: border-box;}
.serviceone03{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.serviceone03 .imgbox{width: 50%;}
.serviceone03 .imgbox img{display: block;width: 100%;}
.serviceone03 .text{width: 50%;box-sizing: border-box;padding-left: 50PX;}
.serviceone03 .text H4{font-size: 16px;color: #666666;line-height: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.serviceone03 .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.serviceone03 .text H4:last-child{margin-bottom: 0;padding-bottom: 0;border: none;}
/* 鍒涙柊璁捐璇︽儏 */
.prolistoneinfo li .s-swiper01{width: 100%;box-sizing: border-box;background-color: #eeeeee;position: relative;}
.prolistoneinfo li .s-swiper01 img{display: block;width: 100%;}
.prolistoneinfo li .s-swiper01 .swiper-button-next,.prolistoneinfo li .s-swiper01 .swiper-button-prev{background-image: none;font-size: 40px;color: #8f8f8f;width: auto;height: auto;margin-top: -20px;outline: none;}
.prolistoneinfo li .s-swiper01 .swiper-button-next{right:10px;}
.prolistoneinfo li .s-swiper01 .swiper-button-prev{left: 10px;}
/* 宸ヨ壓鍙傛暟 */
.servicetwo01{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.servicetwo01 .imgbox{width: 50%;}
.servicetwo01 .imgbox img{display: block;width: 100%;}
.servicetwo01 .text{width: 50%;box-sizing: border-box;padding-left: 50px;}
.servicetwo01 .text h3{font-size: 24px;color: #222222;font-weight: bold;}
.servicetwo01 .text strong{display: block;width: 40px;height: 2px;background-color: #2488cc;margin: 30px 0;}
.servicetwo01 .text h4{font-size: 15px;color: #666666;line-height: 26px;}
/* servicetwo02wrap */
.servicetwo02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.servicetwo02{margin: auto;}
.servicetwo02 .p-tl{text-align: left;}
.servicetwo02 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.servicetwo02 .cont li{width: calc((100% - 20px)/2);box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;}
.servicetwo02 .cont li .item{width: calc((100% - 20px)/2);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.servicetwo02 .cont li .item01{background-color: #2488cc;background-image: linear-gradient(to bottom left, #eaa165, #2488cc);background-image: -webkit-linear-gradient(to bottom left, #eaa165, #2488cc);position: relative;position: relative;z-index: 1;}
.servicetwo02 .cont li .item .font{width: 100%;box-sizing: border-box;text-align: center;padding: 0 40px;}
.servicetwo02 .cont li .item01::before{content: '';display: block;width: calc(100% - 40px);height: calc(100% - 40px);position: absolute;top: 20px;left: 20px;border: 1px solid #fff;}
.servicetwo02 .cont li .item01 .font h3{font-size: 36px;color: #fff;font-weight: bold;}
.servicetwo02 .cont li .item01 .font strong{display: block;width: 30px;height: 2px;background-color: #fff;margin: 20px auto;}
.servicetwo02 .cont li .item01 .font h4{font-size: 20px;line-height: 30px;color: #fff;}
.servicetwo02 .cont li .item02{background-color: #a0a1a3;background-image: linear-gradient(to bottom left, #b8bbbd, #a0a1a3);background-image: -webkit-linear-gradient(to bottom left, #b8bbbd, #a0a1a3);position: relative;}
.servicetwo02 .cont li .item02 .font{width: 100%;box-sizing: border-box;padding: 0 60px;text-align: left;}
.servicetwo02 .cont li .item02 .font p{font-size: 20px;color: #ffffff;line-height: 54px;}
.servicetwo02 .cont li .item .icon{background-color: #2488cc;border-radius: 50%;border: 4px solid #fff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 52px;height: 52px;box-sizing: border-box;position: absolute;right: -36px;}
.servicetwo02 .cont li .item02 .icon{background-color: #abadaf;}
.servicetwo02 .cont li .item .icon::before{content: '';display: block;width: 20px;height: 1px;background-color: #fff;}
.servicetwo02 .cont li .item .icon::after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: -7px;}
.servicetwo02 .cont .right{background-color: #a0a1a3;background-image: linear-gradient(to bottom left, #b8bbbd, #a0a1a3);background-image: -webkit-linear-gradient(to bottom left, #b8bbbd, #a0a1a3);position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;z-index: 0;}
.servicetwo02 .cont .right .text{width: 100%;box-sizing: border-box;padding: 40px 80px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.servicetwo02 .cont .right .text .li p{font-size: 15px;line-height: 30px;color: #fff;}
/* 閫嗗悜宸ョ▼ */
/* .servicethere02 */
.servicethere02{margin: 100px auto;}
.servicethere01{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.servicethere01 .proonetext{border-bottom: 1px solid #cccccc;padding-bottom: 30px;margin-top: 0;}
.servicethere01 .proonetext strong{display: block;width: 120px;height: 2px;background-color: #2488cc;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 0;}
.servicethere01 .cont{width: 1000px;margin: auto;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;padding: 0 30px;}
.servicethere01 .cont::before{content: '';display: block;width: 100%;height: 1px;background-color: #cccccc;position: absolute;left: 0;top: 50%;z-index: 0;}
.servicethere01 .cont li{width: 20%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}
.servicethere01 .cont li .min{text-align: center;}
.servicethere01 .cont li .min p{font-size: 16px;color: #989898;margin-bottom: 30px;}
.servicethere01 .cont li .min img{display: block;width: auto;max-width: 90%;margin: auto;}
.servicethere01 .cont li .min h3{font-size: 20px;color: #222222;font-weight: bold;margin-top: 20px;}
.servicethere01 .cont li span{display: block;width: 20px;height: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #cccccc;}
.servicethere01 .cont li span::before{content: '';display: block;width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
/* 瀹氬埗鍖栨湇鍔� */
.servicefour01{margin: 100px auto;}
/* .servicefour02wrap */
.servicefour02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../images/dz_01.jpg)no-repeat;background-size: cover;}
.servicefour02{margin: auto;}
.servicefour02 .proonetext{border-bottom: 1px solid #aaaaaa;margin-top: 0;width: 100%;}
.servicefour02 .proonetext::before{content: '';display: block;width: 120px;height: 2px;background-color: #444444;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 0;}
.servicefour02 .imgbox{width: 100%;}
.servicefour02 .imgbox img{display: block;width: auto;margin: auto;max-width: 100%;}
.servicembx{display: none;}
.datatwo01{width: 100%;box-sizing: border-box;}
.datatwo01 .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
/* .datatwo01 .item:nth-of-type(odd){background-color: #f1f2f3;} */
.datatwo01 .item .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;position: relative;}
.datatwo01 .item .imgbox img{display: block;width: 100%;}
.datatwo01 .item .imgbox .text{width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;}
.datatwo01 .item .imgbox .text h3{font-size: 26px;color: #fff;}
.datatwo01 .item .imgbox .text strong{display: block;width: 40px;height: 2px;background-color: #fff;margin: 20px auto;}
.datatwo01 .item .imgbox .text h4{font-size: 16px;line-height: 30px;text-align: center;color: #fff;}
.datatwo01 .item .right{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);padding-left: 80px;}
.datatwo01 .item .right .cont{width: 100%;position: relative;box-sizing: border-box;}
.datatwo01 .item .right .cont::before{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 17px;background-color: #ddd;z-index: 0;}
.datatwo01 .item .right .cont .list{width: 100%;margin-bottom: 30px;position: relative;z-index: 1;}
.datatwo01 .item .right .cont .list:last-child{margin-bottom: 0;}
.datatwo01 .item .right .cont .list .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.datatwo01 .item .right .cont .list .top h3{font-size: 20px;color: #222222;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.datatwo01 .item .right .cont .list .top font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 13px;color: #666666;background-color: #fff;border-radius: 50%;border: 1px solid #006949;width: 34px;height: 34px;margin-right: 20px;}
/* .datatwo01 .item:nth-of-type(2n-1) .right .cont .list .top font{background-color:#f1f2f3} */
.datatwo01 .item .imgbox .text .more{ margin: 20px auto 0;}
.datatwo01 .item .right .cont .list .top i{font-size: 20px;color: #006949;}
.datatwo01 .item .right .cont .list .info{width: 100%;box-sizing: border-box;padding: 30px 0;padding-left: 44px;display: none;}
.datatwo01 .item .right .cont .list .info h4{font-size: 15px;color: #666666;line-height: 28px;}
.datatwo01 .item .right .cont .list:first-child .info{display: block;}
.datatwo01 .item .right .cont .list .top.active i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.datatwo01 .item:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.datatwo01 .item:nth-of-type(2n) .right{padding-left: calc((100% - 1200px)/2);padding-right: 80px;}
/* 鏂伴椈 */
.news01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;}
.news01{margin: auto;position: relative;}
.news01 a{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.news01 a .imgbox{width: 55%;box-sizing: border-box;}
.news01 a .imgbox img{display: block;width: 100%;}
.news01 a .text{width: 40%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.news01 a .text .cont{ width: 100%;}
.news01 a .text .cont p{font-size: 14px;color: #aaaaaa;margin-bottom: 20px;}
.news01 a .text .cont h3{font-size: 20px;color: #222222;margin-bottom: 30px;line-height: 34px;}
.news01 a .text .cont .more{border: 1px solid #2488cc;background-color: transparent;color: #2488cc;width: 136px;height: 40px;line-height: 40px;}
.news01 a .text .cont .more:hover{color: #fff;}
.news01 a .text .cont .more::after{background-color: #2488cc;}
.news01 .swiper-pagination{width: 40%;position: absolute;right: 0;bottom: 20px;left: initial;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.news01 .swiper-pagination .swiper-pagination-bullet{background-color: #cfcfcf;margin-right: 10px;opacity: 1;}
.news01 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.news01 .swiper-pagination .swiper-pagination-bullet-active{background-color: #2488cc;}
.news02{width: 100%;overflow: hidden;}
.news02 .content{ display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;}
.news02 .content .main{position: relative;position: relative;width: 1200px;margin: 0 auto;}
.news02 .content .main .imgbox{width: 28%;overflow: hidden;}
.news02 .content .main .imgbox img{display: block;width: 100%;transition: all .6s;}
.news02 .content:hover .main .imgbox img{transform: scale(1.1);}
.news02 .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 67%;}
.news02 .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news02 .content .main .textbox h3{font-size: 22px;color:#222;font-weight: bold;margin: 26px 0;}
.news02 .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;}
.news02 .content:hover .main .textbox h3{color: #2488cc;}
.fy,.nav-links{width: 80%;box-sizing: border-box;padding: 30px 0 60px;justify-content: center;flex-flow: row;display: flex;margin: auto;}
.fy a,.nav-links span,.nav-links a{display: block;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 7px;text-align: center;box-sizing: border-box;padding: 0 10px;}
.fy a:hover{background-color: #2488cc;border-color: #2488cc;color: #FFFFFF;}
.fy .active a{background-color: #2488cc;border-color: #2488cc;color: #FFFFFF;}
.fy a:nth-of-type(1){margin-left: 0;}
.screen-reader-text{display: none;}
.navigation,.pagination{width:100%;}
/* 渚涘簲閾� */
.supply01wrap{width: 1000px;margin: 100px auto;box-sizing: border-box;}
.s-tl01{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.supply01{width: 100%;box-sizing: border-box;}
.supply01 li{width: 100%;box-sizing: border-box;padding: 60px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #ddd;}
.supply01 li h3{font-size: 20px;color: #222222;font-weight: bold;width: 30%;}
.supply01 li h4{width: 70%;box-sizing: border-box;font-size: 15px;color: #666666;line-height: 30px;}
.supply01 li:first-child{border-top: 1px solid #ddd;}
/* supply02wrap */
.supply02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.supply02{width: 1000px;margin: auto;box-sizing: border-box;}
.supply02 p{font-size: 15px;color: #222222;line-height: 26px;margin-bottom: 30px;font-weight: bold;}
.supply02 h4{font-size: 15px;color: #666;line-height: 26px;margin-bottom: 30px;}
.supply02 h4:last-child{margin-bottom: 0;}
/* supply03 */
.supply03{width: 1000px;margin: 100px auto;box-sizing: border-box;}
.supply03 .s-form01{}
.s-form01{width: 100%;box-sizing: border-box;display: block;}
.s-form01 p{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 15px;}
.s-form01 input{display: flexbox;width: 100%;height: 44px;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #222;margin-bottom: 30px;}
.s-form01 ul{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.s-form01 ul li{width: 32%;}
.s-form01 textarea{display: block;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;resize: none;width: 100%;height: 120px;margin-bottom: 30px;box-sizing: border-box;padding: 10px;font-size: 14px;color: #222;}
.s-form01 .more{border: 1px solid #2488cc;width: 130px;height: 36px;line-height: 34px;}
.s-form01 .check{width: 100%;margin-bottom: 30px;}
.s-form01 .check label{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 30px;}
.s-form01 .check label .checkbox{display: block;width: 15px;height: 15px;margin-bottom: 0;}
.s-form01 .check label p{margin-bottom: 0;margin-left: 10px;font-size: 15px;color: #666666;line-height: 26px;}
.s-form01 .check label p a{color: #2488cc;}
.s-form01 .check label:last-child{margin-bottom: 0;}
.supply03 .wpcf7-form{width: 100%;box-sizing: border-box;display: block;}
.supply03 .wpcf7-form p{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 15px;}
.supply03 .wpcf7-form input{display: flexbox;width: 100%;height: 44px;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #222;margin-bottom: 30px;}
.supply03 .wpcf7-form ul{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.supply03 .wpcf7-form ul li{width: 32%;}
.supply03 .wpcf7-form textarea{display: block;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;resize: none;width: 100%;height: 120px;margin-bottom: 30px;box-sizing: border-box;padding: 10px;font-size: 14px;color: #222;}
.supply03 .wpcf7-form .more{border: 1px solid #2488cc;width: 130px;height: 36px;line-height: 34px;}
.supply03 .wpcf7-form .check{width: 100%;margin-bottom: 30px;}
.supply03 .wpcf7-form .check .label{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 30px;}
.supply03 .wpcf7-form .check .label .checkbox{display: block;width: 15px;height: 15px;margin-bottom: 0;}
.supply03 .wpcf7-form .check .label p{margin-bottom: 0;margin-left: 10px;font-size: 15px;color: #666666;line-height: 26px;}
.supply03 .wpcf7-form .check .label p a{color: #2488cc;}
.supply03 .wpcf7-form .check .label:last-child{margin-bottom: 0;}
.supply03 .wpcf7-form .check i,.supply03 .wpcf7-form .check .layui-unselect{display: none;}
/* 鑱旂郴鎴戜滑 */
.contact01{margin: 100px auto 120px;}
.contact01 .mapwrap{width: 100%;position: relative;}
.contact01 .mapwrap .map{width: 100%;height: 460px;}
.contact01 .mapwrap .map .BMap_bubble_title{font-size: 16px;color: #222222;margin-bottom: 10px;font-weight: bold;}
.contact01 .mapwrap .map .BMap_bubble_content{font-size: 14px;line-height: 24px;color: #666666;}
.contact01 .bot{width: 1000px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;border-bottom: 1px solid #DDDDDD;padding: 40px 0;}
.contact01 .bot .left{font-size: 20px;color: #222222;width: 30%;font-weight: bold;}
.contact01 .bot .right{width: 70%;}
.contact01 .bot .right li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-left: 20px;position: relative;margin-bottom: 10px;}
.contact01 .bot .right li::before{content: '';display: block;width: 6px;height: 6px;background-color: #222222;position: absolute;left: 0;top: 12px;border-radius: 50%;}
.contact01 .bot .right li p{font-size: 15px;color: #222222;width: 20%;line-height: 28px;font-weight: bold;}
.contact01 .bot .right li font{font-size: 15px;color: #666666;width: 80%;line-height: 28px;}
.contact01 .bot .right .link{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.contact01 .bot .right .link .item{position: relative;margin-right: 12px;}
.contact01 .bot .right .link .item a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #888888;border-radius: 50%;font-size: 14px;color: #888888;width: 30px;height: 30px;}
.contact01 .bot .right .link .item:last-child{margin-right: 0;}
.contact01 .bot .right .link .item .hoverimg{width: 120px;height: 120px;position: absolute;background-color: #fff;box-sizing: border-box;padding: 10px;box-sizing: border-box;border-radius: 4px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);top: 50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;transition: all .3s;}
.contact01 .bot .right .link .item .hoverimg img{display: block;width: 100%;}
.contact01 .bot .right .link .item .hoverimg::before{content: '';display: block;width: 12px;height: 12px;background-color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;left: 50%;top: -6px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;margin-left: -6px;}
.contact01 .bot .right .link .item:hover .hoverimg{opacity: 1;}
/* contact02warp */
.contact02warp{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0 80px;}
.contact02{width: 1200px;box-sizing: border-box;margin: auto;}
.contact02 .min{width: 100%;box-sizing: border-box;position: relative;}
.contact02 .min a{display: block;width: 100%;box-sizing: border-box;margin-bottom: 30px;box-sizing: border-box;padding: 20px;background-color: #fff;height: 500px}
.contact02 .min a:nth-of-type(3n){margin-right: 0;}
.contact02 .min a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.contact02 .min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.contact02 .min a:hover .imgbox img{transform: scale(1.1);}
.contact02 .min a .text{width: 100%;box-sizing: border-box;text-align: center;padding: 30px 0 30px;}
.contact02 .min a .text span{font-size: 21px;color: #222222;display: inline-block;margin-bottom: 15px;}
.contact02 .min a .text strong{display: block;width: 30px;height: 1px;background-color: #ddd;margin: auto;margin-bottom: 15px;}
.contact02 .min a .text h3{font-size: 14px;color: #222222;margin-bottom: 20px;line-height: 20px; min-height: 40px;}
.contact02 .min a .text h3 i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;}
.contact02 .min a .text p i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;}
.contact02 .min a .text p{font-size: 14px;color: #222222;}
.contact02 .min .swiper-pagination-bullet{border: 1px solid #ddd;background-color: transparent;box-sizing: border-box;width: 10px;height: 10px;opacity: 1;margin-right: 10px;}
.contact02 .min .swiper-pagination-bullet:last-child{margin-right: 0;}
.contact02 .min .swiper-pagination-bullet-active{background-color: #2488cc;border-color: #2488cc;}
.contact02 .min .swiper-container-horizontal>.swiper-pagination-bullets, .contact02 .min .swiper-pagination-custom,.contact02 .min .swiper-pagination-fraction{bottom: 0;}
.contact02 .min .swiper-pagination{position: relative;width: 100%;}
.contact02 .min .swiper-button-next,.contact02 .min .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #FFFFFF;background-image: none;width: 40px;height: 40px;margin-top: -41px;outline: none;}
.contact02 .min .swiper-button-next i,.contact02 .min .swiper-button-prev i{font-size: 18px;color: #2488cc;}
.contact02 .min .swiper-button-next{right: -50px;}
.contact02 .min .swiper-button-prev{left: -50px;}
/* 瀹¤ */
.audit01{width: 980px;margin: 100px auto;box-sizing: border-box;}
.audit01 .right{width: 100%;padding: 0;}
.audit01 .right .text02{padding-bottom: 100px;border-bottom: 1px solid #ddd;margin-bottom: 60px;}
/* 浜烘墠鍩瑰吇 */
.personnelonewrap{margin: 100px auto;box-sizing: border-box;}
.personneltab{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;padding-bottom: 20px;margin-bottom: 50px;}
.personneltab a{border-radius: none;font-size: 16px;color: #222;margin-right: 15px;background-color: #ddd;}
.personneltab a::after{background-color: #2488cc;}
.personneltab a:hover,.personneltab a.active{color: #fff;}
.personneltab a:last-child{margin-right: 0;}
.personneltab a.active::after{width: 100%;}
/* personnelone01 */
.personnelone01{width: 100%;box-sizing: border-box;padding-bottom: 50px;border-bottom: 1px solid #ddd;}
.personnelone01 li{display: none;}
.personnelone01 li:first-child{display: block;}
.personnelone01 li img{display: block;width: auto;margin: auto;max-width: 75%;}
/* personnelone02 */
.personnelone02{width: 100%;box-sizing: border-box;padding: 80px 0 0;}
.personnelone02 .top{width: 100%;text-align: center;text-align: center;}
.personnelone02 .top h3{font-size: 30px;color: #222222;font-weight: bold;}
.personnelone02 .top strong{display: block;width: 30px;height: 2px;background-color: #2488cc;margin: auto;margin-top: 20px;}
.personnelone02map{width: 100%;position: relative;}
.personnelone02map img{display: block;width: 100%;}
.personnelone02map .map-list-a{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
#map-list-a a{text-align: center;position: relative;width: 80px;height:80px;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
#map-list-a a span{z-index: 1;border: 1px solid rgba(243, 152, 0, 0.37);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 10px;
height: 10px;
margin: auto;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
background: transparent;background-color: #2488cc;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);}
#map-list-a a font{display: inline-block;font-size: 18px;color: #444444;left: -12px;top: 32px;position: absolute;}
#map-list-a #a1{top: 53%;right: 20%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;}
#map-list-a #a2{top: 58%;right: 20%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;}
#map-list-a #a3{top:60%;right: 52%;position: absolute;visibility: visible;opacity: 1;}
#map-list-a #a4{top: 51%;right: 24%;position: absolute;visibility: visible;opacity: 1;}
#map-list-a #a5{top: 42%;right: 29%;position: absolute;visibility: visible;opacity: 1;}
#map-list-a #a4 span,#map-list-a #a3 span{background-color: #bababa;border-color: #bababa;}
@keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0; }}
#map-list-a #a1 font{ position: absolute;top:41px;left: 0px;}
#map-list-a #a2 font{ position: absolute;top: 40px;left: 0;}
/* #map-list-a #a3 font{ position: absolute;top:32px;left: -12px;}
#map-list-a #a4 font{ position: absolute;top: 32px;left: -12px;}
#map-list-a #a5 font{ position: absolute;top: 32px;left: -12px;} */
#map-list-a .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
background: transparent;width: 100%;height: 100%;}
#map-list-a .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
background: transparent;width: 100%;height: 100%;}
#map-list-a .point-10 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #2488cc;opacity: 0;
-webkit-animation: ballScale 12s 0s linear infinite;
-moz-animation: ballScale 12s 0s linear infinite;
-ms-animation: ballScale 12s 0s linear infinite;
animation: ballScale 12s 0s linear infinite;}
#map-list-a .point-70 strong,.map dt #map-list-a .point-40 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #2488cc;opacity: 0;
-webkit-animation: ballScale 6s 0s linear infinite;
-moz-animation: ballScale 6s 0s linear infinite;
-ms-animation: ballScale 6s 0s linear infinite;
animation: ballScale 6s 0s linear infinite;}
/* personneltwo02wrap */
.personneltwo01{border: none;padding-bottom: 0;}
.personneltwo02wrap{width: 100%;box-sizing: border-box;}
.p-twotab{width: 100%;box-sizing: border-box;border-bottom: 1px solid
#dddddd;background-color: #f1f2f3;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.p-twotab a{display: block;line-height: 80px;font-size: 16px;color: rgba(34,34,34,0.5);position: relative;margin-right: 60px;}
.p-twotab a::after{content: '';display: block;width: 0%;height: 2px;background-color: #2488cc;transition: all .3s;position: absolute;left: 0;bottom: 0;}
.p-twotab a:hover::after,.p-twotab a.active::after{width: 100%;}
.p-twotab a:hover,.p-twotab a.active{color: #2488cc;}
.p-twotab a:last-child{margin-right: 0;}
.personneltwo02{margin: 60px auto 40px;box-sizing: border-box;}
.personneltwo02 li{width: 100%;display: none;}
.personneltwo02 li:first-child{display: block;}
.personneltwo02 li .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.personneltwo02 li .item a{display: block;width: 32%;margin-right: 2%;position: relative;overflow: hidden;margin-bottom: 2%;}
.personneltwo02 li .item a:nth-of-type(3n){margin-right: 0;}
.personneltwo02 li .item a img{display: block;width: 100%;transition: all .6s;}
.personneltwo02 li .item a:hover img{transform: scale(1.1);}
.personneltwo02 li .item a .text{width: 100%;height: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #fff;background-color: #2488cc;position: absolute;left: 0;box-sizing: border-box;bottom: 0;transition: all .3s;transform: translateY(40px);-webkit-transform: translateY(40px);}
.personneltwo02 li .item a:hover .text{transform: none;-webkit-transform: none;}
/* 璐ㄩ噺绠＄悊 */
.qualityone01{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 120px 0;}
.qualityone01 .proonetext{margin: auto;}
/* qualityone02 */
.qualityone02{width: 100%;box-sizing: border-box;}
.qualityone02 li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.qualityone02 li .imgbox{width: 50%;overflow: hidden;}
.qualityone02 li .imgbox img{display: block;width: 100%;}
.qualityone02 li .text{width: 50%;box-sizing: border-box;padding: 0 150px;}
.qualityone02 li .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.qualityone02 li .text h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;}
.qualityone02 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
/* qualityone02wrap */
.qualityone03wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background-color: #f1f2f3;}
.qualityone03{width: 950px;margin: auto;box-sizing: border-box;}
.qualityone03 .top{font-size: 30px;color: #222222;margin-bottom: 40px;font-weight: bold;text-align: center;}
.q-form{width: 100%;box-sizing: border-box;}
.q-form label{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.q-form{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;width: 100%;}
.q-form input{display: block;width: 100%;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px;padding: 0 20px;}
.q-form label input{display: block;width: 49%;}
.q-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 1px solid #ddd;font-size: 15px;color: #88898b;margin-bottom: 20px;}
.q-form button{margin: auto;margin-top: 30px;border: 1px solid #2488cc;width: 130px;height: 40px;line-height: 40px;}
/* qualityone04 */
.qualityone04{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.qualityone04 a{display: block;width: calc((100% - 2px)/3);overflow: hidden;position: relative;}
.qualityone04 a::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;}
.qualityone04 a img{display: block;width: 100%;transition: all .6s;}
.qualityone04 a:hover img{transform: scale(1.1);}
.qualityone04 a .text{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;font-size: 20px;color: #fff;z-index: 1;}
.qualityone04 a:hover::after{background-color: rgba(0,0,0,0);}
/* 鍞悗 */
.aftermarketone01{margin: 100px auto;box-sizing: border-box;}
.aftermarketone01 .proonetext p font{display: block;text-align: center;color: #2488cc;font-size: 16px;font-weight: bold;line-height: 26px;}
.aftermarketone01 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.aftermarketone01 .cont li{width: 14.4%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;border-right: 1px solid #ccc;box-sizing: border-box;padding: 40px 0;-webkit-transition: .5s width;transition: .5s width;}
.aftermarketone01 .cont li:last-child{border-right: none;}
.aftermarketone01 .cont li.now{width: 28%;}
.aftermarketone01 .cont li .min{text-align: center;box-sizing: border-box;padding: 0 50px;}
.aftermarketone01 .cont li .min img{display: block;width: auto;margin: auto;opacity: 0;transition: opacity .8s cubic-bezier(.51, 0, .12, 1);transition-delay: 0s;}
.aftermarketone01 .cont li .min h3{font-size: 16px;color: #222222;margin: 30px 0;text-align: center;font-weight: bold;}
.aftermarketone01 .cont li .min h4{font-size: 14px;color: #666666;line-height: 24px;opacity: 0;transition: opacity .8s cubic-bezier(.51, 0, .12, 1);transition-delay: 0s;width: 250px;}
.aftermarketone01 .cont li.now .min img{opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;}
.aftermarketone01 .cont li.now .min h4{opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;}
/* aftermarketone02 */
.aftermarketone02{background: url(../images/sale_bg.jpg)no-repeat fixed;width: 100%;padding: 100px 0;background-size: cover;}
.aftermarketone02 .cont{width: 580px;margin: auto;box-sizing: border-box;}
.aftermarketone02 .cont .top{font-size: 32px;color: #fff;font-weight: bold;margin-bottom: 30px;text-align: center;}
.after-form{width: 100%;box-sizing: border-box;}
.after-form input{display: block;width: 100%;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px;padding: 0 20px;}
.after-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 1px solid #ddd;font-size: 15px;color: #88898b;margin-bottom: 20px;}
.after-form button{margin: auto;margin-top: 30px;border: 1px solid #fff;width: 130px;height: 40px;line-height: 40px;color: #fff;background-color: transparent;}
.after-form button::after{border: #fff;}
.after-form button:hover{color: #2488cc;}
/* aftermarketone03 */
.aftermarketone03{width: 100%;box-sizing: border-box;padding: 100px 0;text-align: center;}
.aftermarketone03 h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.aftermarketone03 h4{font-size: 16px;color: #666666;margin-bottom: 30px;}
.aftermarketone03 .more{border: 1px solid #2488cc;background-color: transparent;color: #2488cc;margin: auto;}
.aftermarketone03 .more::after{background-color: #2488cc;}
.aftermarketone03 .more:hover{color: #fff;}
/* 缃戠珯瀵艰埅 */
.navigation01{margin: 100px auto 0;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: inherit;flex-wrap: wrap;padding-right: 160px;}
.navigation01 li{width: calc((100% - 480px)/4);margin-right: 160px;margin-bottom: 100px;}
.navigation01 li:nth-of-type(4n){margin-right: 0;}
.navigation01 li h3{border-bottom: 1px solid #aaaaaa;padding-bottom: 20px;margin-bottom: 20px;}
.navigation01 li h3 a{font-size: 18px;color: #222222;font-weight: bold;}
.navigation01 li .min{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.navigation01 li .min .item p a{font-size: 15px;color: #444444;line-height: 30px ;}
.navigation01 li .min .item p a:hover{color: #2488cc;text-decoration: underline;}
/* 鑱旂郴鏂瑰紡 */
.modewrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.modewrap .left{width: 50%;box-sizing: border-box;padding: 0 160px 0 calc((100% - 1200px)/2);}
.modewrap .left h3{font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.modewrap .left h4{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.modewrap .left p{font-size: 16px;color: #666666;line-height: 36px;}
.modewrap .right{width: 50%;box-sizing: border-box;padding-right: 80px;}
.modewrap .right .imgbox{width: 100%;overflow: hidden;}
.modewrap .right .imgbox img{display: block;width: 100%;}
/* 鍏徃鍏憡 */
.notice01wrap{margin: 100px auto 50px;position: relative;box-sizing: border-box;}
.notice01{width: 100%;}
.notice01 .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #ddd;}
.notice01 .top h3{font-size: 16px;color: #222222;font-weight: bold;line-height: 64px;}
.notice01 .top h3:nth-of-type(1){width: 20%;box-sizing: border-box;padding-left: 20px;}
.notice01 .top h3:nth-of-type(2){width: 65%;}
.notice01 .top h3:nth-of-type(3){width: 15%;}
.notice01 a{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #ddd;align-items: center;-webkit-align-items: center;height: 64px;transition: all .3s;}
.notice01 a span{width: 20%;box-sizing: border-box;padding-left: 20px;font-size: 15px;color: #888888;}
.notice01 a p{font-size: 16px;color: #444444;font-weight: bold;width: 65%;}
.notice01 a .more{border: 1px solid #dddddd;width: 102px;height: 24px;line-height: 24px;font-size: 12px;color: #999999;background-color: transparent;transition: all .3s;}
.notice01 a .more i{font-size: inherit;color: inherit;margin-left: 10px;}
.notice01 a:hover .more{border-color: #666666;color: #666666;}
.notice01 a .btn{width: 15%;}
.notice01 a:hover{background-color: #f1f2f3;}
/* 鐭ヨ瘑浜ф潈 */
.knowladge01{width: 100%;box-sizing: border-box;}
.knowladge01 li{width: 100%;margin: auto;box-sizing: border-box;padding: 100px 0;}
.knowladge01 li:nth-of-type(odd){background-color: #eeeff0;}
.knowladge01 .cont{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.knowladge01 li .imgbox{width: 50%;box-sizing: border-box;}
.knowladge01 li .imgbox img{display: block;width: 100%;}
.knowladge01 li .text{width: 50%;box-sizing: border-box;padding-left: 50px;}
.knowladge01 li .text h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.knowladge01 li .text p{font-size: 18px;color: #222222;margin-bottom: 20px;font-weight:bold;}
.knowladge01 li .text h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;}
.knowladge01 li:nth-of-type(2n) .cont{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.knowladge01 li:nth-of-type(2n) .text{padding-left: 0;padding-right: 50px;}
/* knowladge02wrap */
.knowladge02wrap{margin: 0 auto 100px;box-sizing: border-box;}
.knowladge02wrap .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;border-top: 1px solid #ddd;height: 64px;}
.knowladge02wrap .top h3{font-size: 16px;color: #222222;font-weight: bold;}
.knowladge02wrap .top h3:nth-of-type(1){width: 20%;box-sizing: border-box;padding-left: 20px;}
.knowladge02wrap .top h3:nth-of-type(2){width: 80%;box-sizing: border-box}
.knowladge02{width: 100%;box-sizing: border-box;}
.knowladge02 a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border-top: 1px solid #ddd;height: 64px;box-sizing: border-box;padding-right: 40px;position: relative;transition: all .3s;}
.knowladge02 a p{font-size: 15px;color: #888888;box-sizing: border-box;padding-left: 20px;width: 20%;}
.knowladge02 a h3{width: 80%;font-size: 16px;color: #444444;font-weight: bold;}
.knowladge02 a i{font-size: 16px;color: #888888;position: absolute;right: 40px;opacity: 0;transition: all .3s;}
.knowladge02 a:hover i{opacity: 1;}
.knowladge02 a:last-child{border-bottom: 1px solid #ddd;}
.knowladge02 a:hover{background-color: #f1f2f3;}
/* knowladge03wrap */
.knowladge03wrap{width: 100%;box-sizing: border-box;background-color: #eeeff0;padding: 100px 0;}
.knowladge03wrap .top{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;}
.knowladge03{margin: auto;box-sizing: border-box;position: relative;}
.knowladge03 a{display: block;width: 100%;overflow: hidden;}
.knowladge03 a img{display: block;width: 100%;transition: all .6s;}
.knowladge03 a:hover img{transform: scale(1.1);}
.knowladge03 .swiper-button-next,.knowladge03 .swiper-button-prev{background-image: none;font-size: 30px;color: #222222;width: auto;height: auto;margin-top: -15px;outline: none;}
.knowladge03 .swiper-button-next{right: -60px;}
.knowladge03 .swiper-button-prev{left: -60px;}
.knowladge03wrap .swiper-pagination{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;bottom: 0;margin-top: 30px;}
.knowladge03wrap .swiper-pagination-bullet{margin-right: 10px;background-color: #aaaaaa;opacity: 1;outline: none;}
.knowladge03wrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.knowladge03wrap .swiper-pagination-bullet-active{background-color: #222;}
/*闅愮鏀跨瓥*/
.secretwarp{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin-top: 190px;}
.secretwarp .t-tl{font-size: 32px;color: #222222;font-weight: bold;width: 1100px;margin: auto;margin-bottom: 90px;text-align: center;}
.secretwarp .secret{width: 100%;box-sizing: border-box;}
.secretwarp .secret .cont{width: 1100px;margin: auto;box-sizing: border-box;padding-top: 0px;margin-bottom: 130px;}
.secretwarp .secret .cont p{font-size: 15px;color: #444444;line-height: 28px;margin-bottom: 40px;text-align: justify;}
.secretwarp .secret .cont h3{display: block;width: 100%;box-sizing: border-box;padding-left: 15px;border-left: 2px solid #2488cc;color: #2488cc;font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 90px;}
.newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 80px 0;}
.newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;}
.newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;}
.newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;}
.newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;margin-bottom: 100px;}
.newsinfo01 .cont{width:100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0; }
.newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo01 .cont h4:last-child{margin-bottom: 0;}
.newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;}
.newsinfo01 .cont h4 p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo01 .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfo01 .page a{font-size: 14px;color: #666666;}
.newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfo01 .page a:hover{color: #2488cc;}
/* .tolist */
.tolist{background-color: rgb(241,242,243);padding: 100px calc((100% - 1200px)/2);}
.tolist a{font-size: 16px;color: #333;}
.tolist a i{font-size: inherit;color: inherit;margin-right: 10px;}
.tolist02{background-color: #fff;}
.newsinfo01 .cont p,.newsinfo01 .cont span,.newsinfo01 .cont font,.newsinfo01 section{font-size: 15px;color: #666666;line-height: 32px;}
.newsinfo01 .cont img{ width: 600px;height: auto;max-width: 100%; margin: 20px auto 20px;}
/* 鎺堟潈浠ｇ悊鍟� */
.agentbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.agentbanner img{display: block;width: 100%;}
.agentbanner .text{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: 45px;}
.agentbanner .text p{font-size: 14px;color: #fff;margin-bottom: 10px;text-transform: uppercase;}
.agentbanner .text h3{font-size: 48px;color: #ffffff;font-weight: bold;}
/* agent01wrap */
.agent01wrap{width: 100%;box-sizing: border-box;margin: 100px 0;}
.agenttl{text-align: center;font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 50px;}
.agent01wrap .line{width: 100%;height: 1px;background-color: #ddd;position: relative;z-index: 0;}
.agent01{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;margin-top: -10px;}
.agent01 .item{width: 32%;box-sizing: border-box;text-align: center;}
.agent01 .item font{display: block;width: 20px;height: 20px;background-color: #2488cc;border-radius: 50%;margin:auto;}
.agent01 .item p{font-size: 16px;color: #222222;margin: 20px auto 40px;}
.agent01 .item h4{font-size: 15px;color: #444444;line-height: 30px;display: block;box-sizing: border-box;width: 100%;padding: 50px;background-color: #ebebeb;position: relative;min-height: 190px;}
.agent01 .item h4::before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-top-color: #ebebeb;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);position: absolute;left: 50%;top: -20px;margin-left: -10px;}
/* agent02wrap */
.agent02wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;}
.agent02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.agent02 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.agent02 .imgbox img{display: block;width: 100%;transition: all .6s;}
.agent02 .imgbox:hover img{transform: scale(1.1);}
.agent02 .text{width: 50%;box-sizing: border-box;padding-left: 40px;}
.agent02 .text p{width: 100%;box-sizing: border-box;position: relative;padding-left: 10px;font-size: 15px;line-height: 24px;color: #444444;margin-bottom: 30px;}
.agent02 .text p:last-child{margin-bottom: 0;}
.agent02 .text p::before{content: '';display: block;width: 2px;height: 15px;background-color: #444;position: absolute;left: 0;top: 4px;}
/* agent03wrap */
.agent03wrap{width: 100%;box-sizing: border-box;margin: 100px 0;}
.agent03{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.agent03 li{width: 18.4%;margin-right: 2%;box-sizing: border-box;padding: 30px;background-color: #eeeeee;text-align: center;}
.agent03 li:nth-of-type(5n){margin-right: 0;}
.agent03 li .imgbox{width: 79px;height: 79px;margin: auto;margin-bottom: 30px;}
.agent03 li .imgbox img{display: block;width: 100%;}
.agent03 li h4{font-size: 15px;color: #444444;line-height: 24px;}
@media only screen and (max-width:1023px){
.newsinfo01 .cont {
width: 100%;
display: block;
}
}
.z-10 {
z-index: 10;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.pb-10 {
padding-bottom: 10px;
}
.fz-12 {
font-size: 12px;
}
.text-uppercase {
text-transform: uppercase;
}
.white80 {
color: rgba(255, 255, 255, .8);
}
.display-block {
display: block;
}
.bg-lightgray {
background-color: #fbfbfb;
}
.list-item {
margin-right: 15px;
margin-left: 15px;
}
.media-item__img::before {
padding-top: 62.2641509434%;
}
.img-box {
position: relative;
overflow: hidden;
}
.img-box::before {
content: "";
display: block;
}
.lh-15 {
line-height: 1.5;
}
.fz-16 {
font-size: 16px;
}
.white {
color: #fff;
}
.pb-10 {
padding-bottom: 10px;
}
.fz-12 {
font-size: 12px;
}
.text-uppercase {
text-transform: uppercase;
}
.white80 {
color: rgba(255, 255, 255, .8);
}
.fw-700 {
font-weight: 700;
}
.lh-1 {
line-height: 1;
}
.fz-36 {
font-size: 36px;
}
.orange {
color: #ea5504;
}
.lh-12 {
line-height: 1.2;
}
.fz-12 {
font-size: 12px;
}
.text-right {
text-align: right;
}
.black50 {
color: rgba(17, 17, 17, .5);
}
.fw-500 {
font-weight: 500;
}
.fw-550 {
font-weight: 550;
}
.fz-20 {
font-size: 20px;
}
.black {
color: #111;
}
.img-box>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.media-item__date {
padding: 1em 0;
margin-right: 20px;
margin-left: 20px;
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.display-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fz-24 {
font-size: 24px;
}
.list-media-page {> li {&.first {width:100%;.media-item__img {width:calc(66.6666% - 10px);margin-left:auto;}
.media-item__date {position:absolute;bottom:0;left:0;right:calc(66.6666% - 10px);}
.media-item__intro {right:calc(66.6666% + 40px);color:$black;}
}
&:nth-of-type(n+2) {margin-top:30px;}
}
}
.list-media-related {> li {&:nth-of-type(n+4) {margin-top:30px;}
}
}
.media-item__img {&::before {padding-top:percent(1060,660);}
&::after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba($color:$black,$alpha:.35);transition:background .3s;}
&.no-img {&::after {display:none;}
}
}
.media-item__intro {top:20px;right:20px;left:20px;}
.media-item__date {// border-top:1px solid $border;padding:1em 0;margin-right:20px;margin-left:20px;}
.list-media-right {> li {&:nth-of-type(n+2) {margin-top:30px;}
}
.media-item__intro {top:20px;right:20px;left:20px;}
.media-item__date {margin-right:20px;margin-left:20px;}
}
@media screen and (any-hover:hover) {.media-item {&:hover {.media-item__img {img {transform:scale(1.05);}
&::after {background-color:rgba($color:$black,$alpha:.6);}
}
}
}
}
@media screen and (max-width:1720px) {.list-media-page {> li {&:nth-of-type(n+2) {margin-top:vw(60,1920);}
}
}
.media-item__intro {top:vw(40,1920);right:vw(50,1920);left:vw(50,1920);}
.media-item__date {margin-right:vw(50,1920);margin-left:vw(50,1920);}
}
@media screen and (max-width:768px) {.list-media-page {> li {&.first {.media-item__img {width:100%;}
.media-item__date {position:relative;}
.media-item__intro {// position:relative;right:auto;right:20px;p {color:rgba($color:$white,$alpha:.8);}
h3 {color:$white;}
}
}
&:nth-of-type(n+2) {margin-top:30px;width:50%;}
}
}
.media-item__intro {top:20px;right:20px;left:20px;}
.media-item__date {margin-right:20px;margin-left:20px;}
.list-media-related {> li {width:50%;&:nth-of-type(n+3) {margin-top:30px;}
}
}
}
@media screen and (max-width:640px) {.list-media-page {> li {&:nth-of-type(n+2) {width:100%;}
}
}
.list-media-related {> li {width:100%;&:nth-of-type(n+2) {margin-top:30px;}
}
}
.media-item {&.no-img {.media-item__img {display:none;}
.media-item__intro {position:relative;top:auto;right:auto;left:auto;margin:0 20px;padding-top:20px;}
}
}
}
.media-item__img::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(17, 17, 17, .35);
-webkit-transition: background .3s;
transition: background .3s;
}
@media only screen and (max-width: 1600px){
.headerwrap .header .nav li>a{padding: 0px 20px;}
.b-bot .scoll{width: calc((100% - 1100px)/2);}
.bannerwrap .banner .text,.footer02{width: 1100px;}
.b-bot .scoll p{letter-spacing: 0;}
.jt{width: 6px;height: 6px;}
.bannerwrap .banner .text h3{font-size: 50px;}
.index01 .left .cont{padding-right: 50px;}
.index01 .left .cont h3{font-size: 30px;}
.index01 .left .cont h4{font-size: 16px;line-height: 28px;margin-bottom: 20px;}
.index01 .left .cont h5,.index04wrap .top h4{font-size: 14px;line-height: 26px;}
.more{width: 160px;}
.index03{padding: 150px calc((100% - 1100px)/2) 0;}
.index03 .item .text .more{margin-top: 80px;}
.index04wrap .top p{font-size: 18px;}
.index04wrap .index04{padding: 100px calc((100% - 1100px)/2);}
.index04wrap .index04 .text .cont{padding-left: 100px;margin-left: -50px;}
.index05wrap .top .left{padding-left: calc((100% - 1040px)/2);}
.index05wrap .top .left .cont .tl{margin-bottom: 60px;font-size:30px;}
.index05wrap .top .left .bgfont{font-size: 120px;letter-spacing: 10px;}
.index05wrap .top .left .cont{padding-top: 170px;}
.index05wrap .top .left .cont::before{top: 170px;}
.index06wrap .tl{width: 1040px;box-sizing: border-box;font-size:30px;}
/* .index07wrap .item .text{padding-left: calc((100% - 1040px)/2);} */
.index07wrap .item .text .cont .fontbg{font-size: 120px;margin-top: -40px;}
.index07wrap .item .text .cont h5{margin-bottom: 30px;font-size:16px;}
.index07wrap .item .text .cont h3{font-size: 30px;}
.index07wrap .item .text .cont p{font-size: 14px;line-height: 28px;}
.index08 p{font-size: 18px;}
.index06wrap .index06{width: 1200px;}
.index06wrap .index06 .min a font{ font-size: 14px;}
.index08{width: 1040px;}
.index01{margin-top: 100px;}
.index02{margin-bottom: 100px;}
.index04wrap .top,.index08{margin: 100px auto;}
.index05wrap{padding: 100px 0;}
.index06wrap .tl{padding-top: 100px;margin-bottom:0;}
.index05wrap .top .left .cont{padding-top: 80px;}
.index05wrap .top .left .cont .list .item h4{margin-bottom: 40px;}
.index05wrap .top .left .bgfont{top: 30px;}
.index05wrap .top .right img{border-bottom-left-radius:250px;}
.index01 .left{padding-left:50px;}
.index02 li .right{padding:50px;}
.a-right a{padding:50px;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .text{font-size:16px;}
.index06wrap .tl::before{top:100px;}
.index03 .item .text h3{font-size:30px;}
.index04wrap .index04 .text .cont h3{font-size:30px;}
.footerwrap .footer .left h4{font-size:13px;line-height:24px;}
.footerwrap .footer .f-nav li .list p a{font-size:14px;}
.headerwrap .header .nav li>a{font-size:15px; height: 86px;line-height: 86px;}
.index06wrap .min02{width: 1100px;}
.footer02 .bot .right li{margin-right: 15px;}
.bannerwrap .vide0text h3{font-size: 48px;;}
.index02 li .right .hover{font-size:14px;}
.min02wrap{padding:100px 0;}
.index01two .textmin li .item .cont .more{width:160px;}
.innerbanner .text p{font-size:34px;}
.innerbanner .text h3{font-size: 24px;}
.solution02{width: 96%;}
.innerbanner .mbxwrap h3{font-size: 24px;line-height:80px;}
.innerbanner .mbxwrap .right a{margin-left: 40px;font-size: 18px;}
.about01 .left{width: 60%;}
.about01 .right{width: 40%;padding: 0 80px 0 50px;}
.about01 .right h5,.about01 .right h5 p{font-size: 15px;line-height: 32px;}
.about01 .right h3{font-size: 32px; margin-top: 20px;}
.about01 .right p{margin-bottom: 20px;}
.about01wrap::after{left: calc((100% - 1040px)/2);}
.about02{width:1040px;}
.about02 .right h5{font-size: 15px;line-height: 32px;}
.about01 .right h4{ font-size: 20px;line-height: 32px;margin: 20px 0;}
.about02 .right h3{font-size: 32px;}
.about02 .right h4{ font-size: 20px; margin: 20px 0;}
.about01wrap{padding: 100px 0;}
.about04wrap .a-tl{font-size: 32px;}
.about05wrap .top h3{font-size: 32px;margin-bottom: 20px;}
.about02{ margin: 100px auto;}
.about04wrap{padding: 100px 0;}
.about03 li{ padding: 80px 0;}
.about03 li .hovertext{font-size: 15px;margin-top: 40px;}
.about03 li h3{font-size: 40px;line-height: 46px;}
.about03 li p{margin-top: 40px;}
.s-tl h3{font-size:32px;}
#box .fa{ width: 54px;height: 54px;line-height: 54px;}
#box .fa:before{ margin-left: 5px;}
.gaoguan01{width: 1040px;}
.career02 a .min .text h3{font-size: 16px;line-height: 26px;}
.proone02 a .text{padding: 0 60px;}
.join02{width: 1100px;}
.protwo01 .box .text{padding: 0 50px;}
.protwo01 .box .text h3{font-size: 24px;line-height:26px;}
.protwo01 .box .text font{font-size:20px;}
.protwo01 .box .text p{font-size:32px;}
.prolistoneinfowrap{width:1100px;}
.prolistoneinfo li .tlinfo{font-size: 15px;letter-spacing:0;}
.gaoguaninfo01 .cont{width:1100px;}
.gaoguaninfo02wrap{width:1100px;}
.proone0201,.prothere02,.prothere04wrap{width:1100px;}
.proone05{width:1100px;}
.protwo02 .box .text h4{font-size: 14px;}
.protwo02 .box .text{padding-left: 40px;width: 55%;margin-right: -5%;}
.prothere03 .li .text{padding: 0 30px;}
.prothere03 .li .text h4{font-size: 14px;line-height: 26px;min-height: 78px;margin-bottom: 40px;}
/* 20200821 */
.contwidth,.news02 .content .main,.supplytopwrap .text{width: 1100px;}
.datatwo01 .item .right{padding-right: calc((100% - 1100px)/2);padding-left: 50px;}
.datatwo01 .item:nth-of-type(2n) .right{padding-left: calc((100% - 1100px)/2);padding-right: 50px;}
.datatwo01 .item .right .cont .list .info h4{font-size: 14px;line-height: 24px;}
.datatwo01 .item .right .cont .list .top h3{font-size: 18px;}
.datatwo01 .item .right .cont .list .info{padding: 15px 0 0;padding-left: 54px;}
.datatwo01 .item .right .cont .list{margin-bottom: 20px;}
.prothere01,.knowladge01 .cont{width:1100px;}
.prothere02 .gallery-top .text{padding: 90px 100px;}
/* 渚涘簲閾� */
.qualityone02 li .text{padding: 0 100px;}
.supplywrap{margin-top: 86px;}
.modewrap .left{padding: 0 80px 0 calc((100% - 1100px)/2);}
.modewrap .right{padding-right: 60px;}
.knowladge01 li .text{padding-left: 40px;}
.knowladge01 li .text h4{font-size: 14px;line-height: 28px;}
.knowladge01 li .text p{font-size: 16px;}
.knowladge01 li .text h3{font-size: 28px;}
.knowladge01 li:nth-of-type(2n) .text{padding-right: 40px;}
.index03 .item .text h4{ line-height: 26px;font-size:14px;}
.header .nav li .nav02{top: 86px;}
.tolist{padding: 100px calc((100% - 1100px)/2);}
.agent03 li{padding: 30px 20px;}
.solution04{width:1100px;}
.proone04 .proone05 a .cont h3{font-size:26px;}
}
.newsvideo{width:80%; margin:0 auto; display:flex; flex-wrap: wrap; padding:50px 0 20px;}
.newsvideo a{display:block;width: 25%; padding:0 10px 15px; box-sizing:border-box;}
.newsvideo .imgbox{overflow: hidden;}
.newsvideo .imgbox img{width:100%;transition: all .6s;}
.newsvideo a:hover .imgbox img{transform: scale(1.1);}
.newsvideo .textbox{padding:10px 5px;}
.newsvideo .textbox span{font-size:14px; color:#999;}
.newsvideo .textbox h3{font-size:18px;color:#111; line-height:1.5; padding:5px 0;}
.newsvideo a:hover .textbox h3{color:#2488cc;}
.recuit{width:90%; margin:0 auto; max-width:1280px; padding:40px 0;}
.recuit li{border-bottom: 1px solid #e5e5e5;}
.recuit li h3{font-size:20px; padding-bottom:15px; margin-bottom:15px; color:#333; font-weight:bold; border-bottom:1px solid #dbdbdb;}
.recuit li .txt{font-size:15px; line-height:2;}
.recuit li .txt p{font-size:15px; line-height:2;}
.recuit li:last-child{margin-bottom:0;}
.showproduct{padding:60px 0; width:80%; margin:0 auto;}
.showproduct .title{font-size:30px; display:flex; justify-content:space-between; font-weight:bold; border-bottom:1px solid #e4e4e4; padding-bottom:40px; margin-bottom:20px;}
.showproduct .title a{display:inline-block; padding:7px 15px; border-radius:3px; background:#2488cc; color:#fff; font-size:15px;margin-left:8px;}
.swiper-product{text-align:center;}
.swiper-product img{width:auto; max-width:100%; margin:0 auto;}
.itemlist{padding-top:20px;}
.itemlist .ti{font-size:20px; color:#111; font-weight:bold;}
.itemlist .ti p{font-size:16px; color:#999; padding-top:5px;}
.itemlist .content{padding:20px 0; font-size:18px; line-height:2; color:#333;}
.typelist{padding:30px 10%; margin:0 auto; text-align:center; border-bottom:1px solid #e4e4e4;}
.typelist li{display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap: wrap;}
.typelist li a{display:block; cursor: pointer; padding:12px 20px; border-radius:5px; font-size:16px; background:#e9e9e9; color:#333;}
.typelist li a.active{background:#2488cc; color:#fff;}
/* .typelist li a:first-child{display:none;} */
.typelist2 li a:first-child{display:inline;}
.downlist {width:90%; margin:0 auto; max-width:1280px; padding:15px 0;}
.downlist li{padding:25px 0;flex-wrap: wrap; display:block; gap:5px; border-bottom:1px solid #e9e9e9; position: relative; display:flex; justify-content:space-between; align-items:center;}
.downlist li span{ font-size:16px; color:#999; display: block;}
.downlist li a{font-size:18px; color:#111;}
.downlist li a:hover{color:#2488cc;}
.itemlist .content table{ margin:0 !important; width:100% !important;border-collapse: collapse;border: 1px solid #a7a7a7 !important;}
.itemlist .content table tr td{border: 1px solid #a7a7a7 !important; padding:10px 8px; font-size:18px; color: #333;}
.itemlist .content table tr:nth-child(odd) td{background:#f4f4f4 !important;}
.itemlist .content img{margin:10px 0;}
.itemlist .content ul{display:flex; justify-content:space-between; flex-wrap: wrap; padding-top:10px;}
.itemlist .content ul li{width:33.333%; padding:0 10px 15px; box-sizing:border-box;}
.itemlist .content ul li a{display: block; overflow: hidden;}
.itemlist .content ul li a img{transition: all 0.4s;width:100%; margin:0;}
.itemlist .content ul li a img:hover{transform: scale(1.1);}
.newsinfo01 .cont video{width:100% !important; height:auto !important;}
.downlist table{width:100%;margin:0 !important; width:100% !important;border-collapse: collapse;}
.downlist table tr th{background:#2488cc; color:#fff; font-size:18px; padding:15px 20px; text-align:center;}
.downlist table tr td{padding:15px 20px; font-size:16px; color:#333; text-align:center; border-bottom:1px solid #e9e9e9;}
.downlist table tr td img{width:32px; margin:0 auto;}
.audit01 .right .text02{display:flex; justify-content:space-between; gap:20px; flex-wrap: wrap;}
.audit01 .right .text02 .map{min-width:55%;}
.service{display:flex; justify-content:space-between; flex-wrap: wrap; padding-top:10px;}
.service li{width:33.333%; padding:0 10px 15px; box-sizing:border-box;}
.service li a{display: block; overflow: hidden;}
.service li a img{transition: all 0.4s;width:100%; margin:0;}
.service li a img:hover{transform: scale(1.1);}
.box-container {
width:90%;
margin: 0 auto;
position: relative;
}
.pic {
font-size: 0;
overflow: hidden;
display: block;
width: 100%;
}
.pic img {
width: 100%;
display: block;
transition: transform 0.8s ease;
-webkit-transition: transform 0.8s ease;
-moz-transition: transform 0.8s ease;
-ms-transition: transform 0.8s ease;
-o-transition: transform 0.8s ease;
}
.index-box-3{padding-bottom:90px;background-color: #f7f7f7;}
.index-box-3 img{transition: 0.3s; height:230px;}
.index-box-3 .canvas {
position: absolute;
left: 0;
bottom: -2rem;
z-index: 0;
opacity: 0.2;
width: 100%;
height: 5rem;
}
.index-box-3 .box-container {
position: relative;
z-index: 10;
}
.index-box-3 .main {
display: flex;
display: -webkit-box;
/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box;
/* Firefox 17- */
display: -webkit-flex;
/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex;
/* Firefox 18+ */
display: -ms-flexbox;
/* IE 10 */
width: 100%;
}
.index-box-3 .main .item {
display: none;
}
.index-box-3 .main .item.on {
display: flex;
display: -webkit-box;
/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box;
/* Firefox 17- */
display: -webkit-flex;
/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex;
/* Firefox 18+ */
display: -ms-flexbox;
/* IE 10 */
animation: fadeIn 0.6s ease;
}
.index-box-3 .main .item.on .left,
.index-box-3 .main .item.on .right {
opacity: 1;
visibility: visible;
}
.index-box-3 .main .item.on .left {
animation: fadeInRight50 0.8s ease;
}
.index-box-3 .main .item.on .right {
animation: fadeInLeft50 0.8s ease;
}
.index-box-3 .left,
.index-box-3 .right {
opacity: 0;
visibility: hidden;
}
.index-box-3 .left {
width: 67%;
}
.index-box-3 .left ul {
display: flex;
display: -webkit-box;
/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box;
/* Firefox 17- */
display: -webkit-flex;
/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex;
/* Firefox 18+ */
display: -ms-flexbox;
/* IE 10 */
}
.index-box-3 .left li {
width: 46%;
margin-right:4%;
background-color: #fff;
}
.index-box-3 .left li .pic{overflow: hidden;}
.index-box-3 .left li:hover .pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.index-box-3 .left li:hover .info {
background-image: linear-gradient(-90deg, #2488cc 0%, #2488cc 100%);
background:#2488cc;
background-blend-mode: normal, normal;
}
.index-box-3 .left li:hover .title {
color: #fff;
}
.index-box-3 .left li:hover .desc {
color: rgba(255, 255, 255, 0.5);
}
.index-box-3 .left li:hover .time {
color: rgba(255, 255, 255, 0.3);
}
.index-box-3 .left li:hover .more2 {
color: #fff;
}
.more2 i {
display: inline-block;
width: 17px;
height:7px;
background-image: url(../images/iright4.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
position: relative;
top: -2px;
margin-left:15px;
transition: background 0.3s ease;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
}
.index-box-3 .left li:hover .more2 i {
background-image: url(../images/iright3.png);
}
.index-box-3 .left .info {
position: relative;
padding:20px 25px 50px;
}
.index-box-3 .left .info div {
transition: color 0.32s ease;
-webkit-transition: color 0.32s ease;
-moz-transition: color 0.32s ease;
-ms-transition: color 0.32s ease;
-o-transition: color 0.32s ease;
}
.index-box-3 .left .desc {
margin:15px auto;
}
.index-box-3 .left .time {
margin-bottom:45px;
font-size:14px;
}
.index-box-3 .title {
font-size:20px;
font-weight: 700;
height:72px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height:36px;
}
.index-box-3 .desc {
color: #666;
line-height: 24px;
height: 72px;
font-size:14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.index-box-3 .time {
font-size: var(--fs16);
color: rgba(51, 51, 51, 0.3);
line-height: 24px;
font-family: "hr";
font-size:14px;
}
.index-box-3 .right {
width: 33%;
background-color: #fff;
padding:12px 20px;
}
.index-box-3 .right > a {
display: block;
padding-bottom:15px;
margin-bottom:15px;
border-bottom: 1px solid #e9e9e9;
}
.index-box-3 .right > a:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.index-box-3 .right > a:hover .title {
color:#2488cc;
}
.index-box-3 .right .desc {
-webkit-line-clamp: 2;
height:48px;
margin:8px 0;
}
.index-box-3 .right ul {
margin-top: 0.34rem;
}
.index-box-3 .right li:hover a {
color:#2488cc;
font-weight: 700;
}
.index-box-3 .right li a {
font-size: var(--fs16);
height: 0.48rem;
line-height: 0.48rem;
transition: color 0.4s ease;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-ms-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.recuit .top {
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
padding: 0 40px 0 80px;
align-items: center;
height:84px;
}
.recuit> .top{background:#dcdcdc;}
.recuit > .top div{font-size:20px;color: #333; font-weight:bold;}
.recuit .top div.name {
width: 45%;
}
.recuit .top div.number {
width: 25%;
}
.recuit .top div.education {
width: 25%;
}
.recuit .top div.icon {
width: 13px;
}
.recuit li .top span{display:none;}
.recuit li .detail{display:none; padding:50px 80px;font-size:15px; line-height:2; color:#333;}
.recuit li .top{cursor: pointer;}
.recuit li.on .top{background:#2488cc;}
.recuit li.on .top div{color:#fff;}
.recuit ul li .icon {
background-image: url(../images/j-right.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
width: 13px;
height: 13px;
padding-right: 0;
}
.recuit ul li .top:hover{background:#2488cc;}
.recuit ul li .top:hover div{color:#fff;}
.recuit ul li:hover .icon{background-image: url(../images/j-right2.png);}
.recuit ul li:on .icon{background-image: url(../images/j-down.png) !important;}
.honorlist ul{display:flex; justify-content:flex-start; flex-wrap:wrap;}
.honorlist ul li{width:25%; padding:10px 15px; box-sizing:border-box; text-align:center;}
.honorlist ul li .img{overflow: hidden;background-color: rgba(255, 255, 255, 0.3); padding:5px; cursor: pointer;}
.honorlist ul li .img img{transition: all .6s; width:100%;}
.honorlist ul li .img img:hover{transform: scale(1.1);}
.honorlist ul li .txt{font-size:16px; color:#fff; padding-top:10px;}
.honorlist2 ul{display:flex; justify-content:flex-start; flex-wrap:wrap;}
.honorlist2 ul li{width:25%; padding:8px; box-sizing:border-box; text-align:center;}
.honorlist2 ul li .img{overflow: hidden;background-color: rgba(255, 255, 255, 0.3); padding:5px;}
.honorlist2 ul li .img img{transition: all .6s; width:100%; cursor: pointer;}
.honorlist2 ul li .img img:hover{transform: scale(1.1);}
.honorlist2 ul li .txt{font-size:16px; color:#333; padding-top:10px;}
#content{display:none;}
#content{position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); z-index:200;}
.msk{position:fixed; width:100%; content:''; height:100%; background:rgba(0, 0, 0, 0.7); top:0; left:0; z-index:100; display:none;}
#content img{width:auto; max-width:100%; max-width:720px; max-height:480px;}
@media only screen and (max-width:1600px){
.index-box-3 .title{font-size:18px; line-height:30px; height:60px;}
}
@media only screen and (max-width:1440px){
.index-box-3 .title{font-size:16px; line-height:28px; height:56px;}
.index-box-3 .left .info{padding:10px 15px 20px;}
.index-box-3 .left .info div{font-size:14px;}
.index-box-3 .right > a{margin-bottom: 10px;}
}
@media only screen and (max-width:1280px){
.indextitle{padding:60px 0 40px;}
.indextitle h3{font-size:26px;}
.indextitle .top strong{margin:15px auto;}
.habout{width:90%;}
.habout .txt,.habout .txt p{font-size:16px;}
.newsvideo{width:90%;}
.newsvideo .textbox h3{font-size:16px;}
.showproduct{width:90%; padding:50px 0;}
.honor{width:96%;}
}
@media only screen and (max-width:1280px){
.newsvideo a{width:33.333%;}
}
@media only screen and (max-width:1000px){
.recuit li .top span{display:block;}
.recuit> .top{display:none;}
.recuit ul li .top{display:block;}
.recuit .top div.name{width:100%; font-size:18px; margin-bottom:10px;}
.recuit .top div.number{width:100%; line-height:2;}
.recuit .top div.education{width:100%; line-height:2;}
.recuit .top{position: relative; height:auto; padding:30px;}
.recuit .top .icon {
position: absolute;
right: 30px;
top: 0;
z-index: 10;
height: 100%;
margin-left: 0;
width: 20px;
}
.recuit li .detail{padding:20px;}
.honorlist ul li{width:33.3333%;}
.honorlist ul li .txt{font-size:14px;}
.honorlist2 ul li{width:33.3333%;}
.honorlist2 ul li .txt{font-size:14px;}
}
@media only screen and (max-width:768px){
.habout{ padding-bottom:60px;}
.habout .box{flex-wrap: wrap;}
.habout .box:after{height:60%; bottom:0; top:inherit;width:120%; right: -10%;}
.habout .txt,.habout .img{width:100%;}
.habout .txt{padding:15px 0;}
.newsvideo a{width:50%;}
.newsvideo .textbox h3{font-size:15px;}
.recuit li h3{font-size:18px;}
.recuit li{padding:0;}
.recuit li .txt p,.recuit li .txt{font-size:14px;}
.showproduct .title{font-size:24px; padding-bottom:20px;}
.typelist{padding:20px 15px;}
.typelist li{gap:8px;}
.typelist li a{font-size:14px; padding:8px 12px;}
.downlist li{padding:15px 0;}
.downlist li a{font-size:15px;}
.downlist li span{font-size:14px;}
.downlist{padding:20px 0 0;}
.showproduct .title{font-size:20px; padding-bottom:15px;}
.itemlist .content table tr td{font-size:16px;}
.itemlist .content{font-size:16px; padding:15px 0;}
.supplyone01wrap .right .text02 p{font-size:16px;}
.downlist table tr th{font-size:16px; padding:10px;}
.downlist table tr td{font-size:14px; padding:10px;}
.downlist table tr td img{width:28px;}
.audit01 .right .text02 .map{width:100%;}
.itemlist .content ul li{width:50%; padding:0 5px 10px;}
.honor{width:96%;}
.index-box-3 .main .item.on{flex-wrap: wrap;}
.index-box-3 .left{width:100%;}
.index-box-3 .right{width:100%; margin-top:15px;}
.index-box-3 .left ul{display:flex;justify-content: space-between;}
.index-box-3 .left li {
width: calc((100% - 15px) / 2);
margin-right: 0;
}
.index-box-3 .left .time{margin-bottom:10px;}
#content img{width:100%;}
}
@media only screen and (max-width:480px){
.swiper-banner{margin-top:60px;}
.indextitle{padding:30px 0 20px;}
.indextitle h3{font-size:20px;}
.indextitle .top strong{margin:10px auto;}
.indextitle .top h4{font-size:14px;}
.habout .txt,.habout .txt p{font-size:15px;}
.index01two{padding-bottom:0;}
.bltindexnews{width:90%;}
.newsvideo a{width:100%;}
.showproduct{padding:30px 0;}
.showproduct .title{font-size:20px; padding-bottom:15px; display:block;}
.showproduct .title .right{margin-top:10px;}
.showproduct .title a{font-size:14px; padding:5px 10px; margin:0 10px 0 0;}
.itemlist .ti{font-size:16px;}
.itemlist .ti p{font-size:14px;}
.itemlist .content{font-size:14px; padding:15px 0;}
.recuit{padding:25px 0;}
.itemlist .content table tr td{font-size:14px;}
.downlist table tr th{font-size:14px; padding:10px 5px;}
.downlist table tr td{font-size:12px; padding:10px 5px;}
.downlist table tr td img{width:24px;}
.index-box-3{padding-bottom:40px;}
.recuit .top{padding:20px;}
.recuit .top .icon{right:20px;}
.recuit .top div.name{font-size:17px; padding-bottom:0;}
.recuit .top div.education,.recuit .top div.number{font-size:14px;}
.honorlist ul li{width:50%;}
.honorlist ul li .txt{font-size:14px;}
.honorlist2 ul li{width:50%;}
.honorlist2 ul li .txt{font-size:14px;}
}